How Do I Remove The Main Menu From SOME Pages?

Community Forums Forums Design Tips and Tricks How Do I Remove The Main Menu From SOME Pages?

This topic is: not resolved

This topic contains 7 replies, has 3 voices, and was last updated by  CharlieSeymourJr 1 year, 1 month ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #59213

    CharlieSeymourJr
    Participant
    Post count: 29

    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 sidebars

    Any 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.com
    #59264

    Sridhar Katakam
    Participant
    Post count: 1050

    Add the following in child theme’s style.css (WP dashboard -> Appearance -> Editor):

    .agency-landing #inner {
    	max-width: 800px;
    	width: 100%;
    }

    #59280

    lucaslem
    Participant
    Post count: 88

    Quick 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;
    }
    • This reply was modified 1 year, 1 month ago by  lucaslem.
    • This reply was modified 1 year, 1 month ago by  lucaslem.
    #59709

    CharlieSeymourJr
    Participant
    Post count: 29

    Let’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

    #59729

    Sridhar Katakam
    Participant
    Post count: 1050

    You 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 ).


    #59741

    CharlieSeymourJr
    Participant
    Post count: 29

    @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

    #59745

    Sridhar Katakam
    Participant
    Post count: 1050

    My 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.


    #59755

    CharlieSeymourJr
    Participant
    Post count: 29

    @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

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.