Community Forums › Forums › Archived Forums › Design Tips and Tricks › How Do I Remove The Main Menu From SOME Pages?
Tagged: landing page, Remove Menu, responsive landing page
- This topic has 7 replies, 3 voices, and was last updated 10 years, 7 months ago by CharlieSeymourJr.
-
AuthorPosts
-
August 28, 2013 at 8:24 am #59213CharlieSeymourJrMember
Wow... never knew things would be so tough here on Genesis. Had no idea the amount of code writing (or editing) I'd need...
Here's what I want to do - I want to have a single page, full width, as a landing page. I will include a video, some text, and a sign in box.
PROBLEMS: When I create the layout on the standard template (my child theme happens to be Agency) but with no sidebars (as toggled on the actual page), I get the menu at the top. No one wants a Landing Page with the Menu.
When I create it on the "Landing Page Template," I see that it is NOT responsive (WHAT!!??). How do I know this? I toggle back and forth from Default Template and Landing Page Template and what wraps properly at smaller sizes (responsive) on the Default does not wrap on the Landing Page. Even the title I write at the top of the page doesn't wrap when the browser is smaller.
So... how do I achieve what I want to do?
Requirements: - (Really I want everything the Landing Page gives me BUT I want it to be responsive):
NO header (not just the header removed, leaving a blank space - NO header)
Responsive
No Footer
No sidebarsAny help? Thanks.
Charlie Seymour Jr
PS: The page I'm working on is TheVideoMarketingGuys.com (well, really: http://DrMarcAndCharlie.com/the-video-marketing-guys with a URL redirected to it. I have it as a Landing Page, but you'll see it isn't responsive. And, at least on my Android, the text at the bottom doesn't even show up.
Part of the problem, I think, is that the form sets its min size as 600 pixels. I can try other ways to get that to work better, but notice how the text at the top isn't even responsive. It IS responsive if I change the template to Default... but then I get the Menu Bar and Header.
http://TheVideoMarketingGuys.comAugust 28, 2013 at 12:13 pm #59264Sridhar KatakamParticipantAdd the following in child theme's style.css (WP dashboard -> Appearance -> Editor):
.agency-landing #inner { max-width: 800px; width: 100%; }
August 28, 2013 at 1:05 pm #59280lucaslemMemberQuick fix. To remove the header, footer, etc from a specific page you need to first target a page specific class in your body tag. I will give you an example using the about page of your site: http://thevideomarketingguys.com/about
.page-id-339 #header, .page-id-339 #nav, .page-id-339 #sidebar, .page-id-339 #footer { display: none; }
August 30, 2013 at 10:25 am #59709CharlieSeymourJrMemberLet's see if I can pursue this further.
@lucaslem - Not sure where to put what you gave me. I went to the style sheet for the Agency Child Theme and put it into the body section but that didn't correct my problem (I changed the page-id-339 to page-id-2302, the id for this page, change the template from Landing Page back to Default, but still had all the parts of the layout I didn't want).Here again is really what I want:
I need a RESPONSIVE (which the Landing Page theme is not) single page which I can turn into a Landing Page. Though I'm not afraid to try some code, I'm not as familiar as you are with where it goes, so more help will be needed.
Do I need to EDIT code (if so, where?) or is there something on the edit page of this Page that I can quickly modify?
Have any idea why the Landing Page layout is NOT responsive in a responsive theme?
Thanks for your help.
Charlie Seymour Jr
August 30, 2013 at 12:49 pm #59729Sridhar KatakamParticipantYou might want to try the CSS code that I suggested in my earlier reply in this topic.
Add that code at the very end of child theme's style.css ( Appearance -> Editor ).
August 30, 2013 at 1:15 pm #59741CharlieSeymourJrMember@Sridhar - I will... It wasn't clear to me what to do with that.
But first: a QUESTION: What is that expected to do?
- Will that make the Landing Page responsive?
- Will that just widen the Landing Page?
- Will that change ALL Landing Pages or just one that I'm working on?Thanks for your help.
Charlie Seymour Jr
August 30, 2013 at 1:25 pm #59745Sridhar KatakamParticipantMy suggested code will make all landing pages responsive like this: http://i.imgur.com/IAJ1XRm.png
If you want a specific landing page or pages to be made responsive, that can be done as well.
August 30, 2013 at 1:55 pm #59755CharlieSeymourJrMember@Sridhar EUREKA! It worked. Thanks. Gotta kind of wonder why Genesis didn't do that.
Another problem on that same page.
The sign-in form I use is an -iframe- from my email company. I have tweaked the look on this landing page to look pretty good: on the computer.
However... on my smartphone, the lower text drops SO low, I can't see it. I've figured out because it has a min pixel height of 600px, which works well for this page on the computer but not the phone. If I reduce that OR take out the 600px statement and just leave percentages, the form needs to scroll on my computer screen.
Also, To set up my side-by-side video and form, I used the format (which I picked up from Genesis):
<div class="one-half first"> </div>
<div class="one-half"> </div>UNFORTUNATELY... if one side is longer than the other, spacing gets of and sometimes the text that follows wants to jump up the page OR will space over leaving a space where the div (though invisible) takes over.
Also... So... how do I fix that?
Here's my form code: <iframe style="min-height: 600px !important; width: 100%;" src="http://instantcustomer.com/view_form/84957" height="100%" width="100%" frameborder="0"></iframe>
BTW... the png you showed me looks GREAT - but that comes from squeezing a monitor's web browser tight. If you go to TheVideoMarketingGuys.com on your smartphone, the bottom text basically disappears.
Thoughts?
Thanks for your help.
Charlie Seymour Jr
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.