Main menu width

Community Forums Forums Design Tips and Tricks Main menu width

This topic is: resolved

This topic contains 4 replies, has 3 voices, and was last updated by  skullsplitter 1 year, 7 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #88794

    Hello, super noob here!

    How can I change the width of the menu bar in a child theme? I want it to be the same width as the content. Can it be done via CSS only? I’m trying to customize the Sample Child theme. Please see attached image.



    As you posted this a while back, I hope you were able to get your issue resolved. If not, please check back in, and I will escalate for you. Thanks!

    If your issue was resolved, go ahead and mark this as “resolved”, so it can be closed.

    Susan @ One Happy Studio I offer theme customizations I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts


    Hi, I got a little frustrated and moved on but I’d love to know how to do it. Thank you!




    I will take a crack at this.

    I had to make two css adjustments to the child’s style.css file.

    /* set a width and center the navigation */
         max-width:  1140px;
         margin: 0 auto;
    /* add left padding to the first element */
    .genesis-nav-menu > .first > a {
         padding-left: 2.8rem 2.4rem;

    CSS preview:


    Awesome! Thank you very much!

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

The topic ‘Main menu width’ is closed to new replies.