[Resolved] Main Menu Wraps too soon

  • Author
    Posts
  • #3118

    Andrew Misplon
    Keymaster

    Hi timmins00

    Thanks for reaching out.

    Using a plugin like Simple Custom CSS, please, insert into Appearance > Custom CSS the following:

    /* Header */
    
    .site-header .site-branding-container {
    	max-width: 21%;
    }
    
    .main-navigation {
    	max-width: 79%;
    }

    Once you’ve installed Simple Custom CSS the Appearance > Custom CSS menu item will be available.

    Hopefully the above helps 🙂

    #3119

    timmins00
    Participant

    Awesomeness. You even fiddled with the exact percentages! Thanks so much!

    #3120

    timmins00
    Participant

    Actaully..that changes things but does not do what I would like. Is it possible to do that as a hard pixel limit? What this did was maintain the padding and wrap the tag line.

    #3121

    Andrew Misplon
    Keymaster

    How about this:

    1. Change your Custom CSS to:

    /* Header */
    
    .site-header .site-branding-container {
    	min-width: 236px;
    	max-width: 21%;
    }
    
    .main-navigation {
    	max-width: 79%;
    }

    2. Change the mobile menu collapse in Theme Settings to 936. Does that work for you?

    #3122

    Andrew Misplon
    Keymaster

    Topic moved to email. Thanks 🙂

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

You must be logged in to reply to this topic.

Scroll to top