StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Beautiful Secondary Menu Below Banner

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Beautiful Secondary Menu Below Banner

This topic is: not resolved

Tagged: , ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • March 8, 2014 at 8:29 am #93944
    Jeaneve
    Member

    I am trying to set up a menu to appear below the banner in Beautiful. As it is now, coming out of the box, the secondary navigation menu appears below the header but above the banner. I would like it below the banner just above the main content.

    Thank You!

    http://characterodyssey.com
    March 9, 2014 at 10:35 am #94048
    emasai
    Participant
    // Reposition the Primary Navigation
remove_action('genesis_after_header', 'genesis_do_nav');
add_action('genesis_before_content', 'genesis_do_nav');

    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

    March 9, 2014 at 1:49 pm #94082
    Jeaneve
    Member

    Thank you so much!

    March 11, 2014 at 5:12 am #94250
    LollieWeeks
    Member

    Jeaneve - You posted just the issue I've been struggling with!

    March 11, 2014 at 5:13 am #94252
    LollieWeeks
    Member

    Emasai - And your bit of code was just the ticket to get the menu I've been struggling to relocate below the background image (banner).

    Just one minor remaining adjustment I need to make - the space between the banner and the menu is too wide. Any suggestion how I can tuck that menu right up underneath the banner? Thanks!!

    March 11, 2014 at 5:48 am #94255
    emasai
    Participant

    I might be able to tell you if I could see your site!

    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

    March 11, 2014 at 6:09 am #94257
    LollieWeeks
    Member

    http://fortuitoushousewife.me

    Oops! URL is helpful. Meant to include, but hit submit first -fingers too fast for my brain sometimes.

    March 11, 2014 at 7:33 am #94264
    emasai
    Participant

    Line 420 .site-inner, remove the padding-top.

    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

    March 11, 2014 at 8:17 am #94278
    LollieWeeks
    Member

    Lynne - Perfection! Thanks so much for the assist!

    March 11, 2014 at 9:15 am #94284
    Jeaneve
    Member

    Lynne,

    Thank you as well.

    March 11, 2014 at 4:03 pm #94309
    LollieWeeks
    Member

    Lynne -

    With your assistance today, my new site is finally 99% done (and I'm most appreciative & thrilled!), but when checking the site (http://www.fortuitoushousewife.me) on my iPad & iPhone, I noticed the banner looks fine on the iPad, but doesn't properly resize for the iPhone.

    I had come across this article earlier in my customization journey - http://sridharkatakam.com/responsive-header-banner-image-beautiful-pro/ - and am wondering if I need to make these changes for the banner image to look right on smartphones.

    Since you were so helpful earlier today, I thought I'd bother you one last time. Hope you don't mind.

    Lollie

    March 11, 2014 at 4:27 pm #94312
    emasai
    Participant

    Your banner is not responsive, so do try out Sridhar's solution. I always write my own css rules to get themes to behave...

    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.