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

How to change the width that the primary nav changes to a responsive nav

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 › How to change the width that the primary nav changes to a responsive nav

This topic is: not resolved

Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 27, 2015 at 4:01 pm #142587
    Gina
    Member

    I'm trying to figure out how to make the width that the primary nav changes to a responsive nav without changing the parent theme files. I'd like to do this in the child theme styles if possible. From what I've been reading this will be a media only screen but I cannot find anything to tell me specifically how to make this happen. I'm in going green pro child theme. I'm sure I'm just not searching on the right terms.

    What I'm trying to do is make it change sooner than it does (larger) so when on a smaller screen the last 2 menu items don't flow down to a second line...and the menu changes to the responsive nav bar instead.

    http://plaqueminesparish.com/wp/
    February 27, 2015 at 4:12 pm #142591
    Victor Font
    Moderator

    Your site already has a mobile primary menu. Most Genesis themes provide this function out of the box. This is what I see when viewed on my iPhone 6+:

    Your site viewed on an iPhone

    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    February 27, 2015 at 4:14 pm #142592
    Victor Font
    Moderator

    It's a very nice site btw. It makes me want to go fishing.

    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    February 27, 2015 at 4:17 pm #142593
    Gina
    Member

    Thank you 🙂

    Yes I know the nav is already mobile responsive.

    What I’m trying to do is make it change sooner than it does (larger) so when on a smaller screen the last 2 menu items don’t flow down to a second line…and the menu changes to the responsive nav bar instead.

    For instance, on a tablet we don't like that the last 2 menu items flow down to the second line.

    February 27, 2015 at 4:22 pm #142594
    Victor Font
    Moderator

    Now that I read your question again, I think I misunderstood it the first time.

    Change the text-align from center to left for .genesis-nav-menu .menu-item in your media query/

    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    February 27, 2015 at 4:33 pm #142597
    Gina
    Member

    I really appreciate your help.

    I want the primary nav to change to the responsive toggle bar nav at a wider width than it does now so when on a tablet you see the toggle bar nav.

    Capiche?

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