Support » Theme: Sydney » Theme Sydney: How to change the size of the menu containers.

  • Resolved fritzmtl

    (@fritzmtl)


    Hi,

    I’m currently working on a site and I’m using the Sydney Theme. The site has allot of menu items and the customer ask that I use a bigger font size in the menu.
    The problem is that when I do it puts the menu items on 2 lines and when I try and change the settings via the CSS editor it works, but its no longer responsive.

    Does anyone know exactly what needs to be done for me to able play with the with of both the logo container and the menu container, while keeping it all responsive.

    Here is the link to the dev site i’m working on:fritz.x10.mx/wp2/

    Thanks in advance

Viewing 10 replies - 1 through 10 (of 10 total)
  • Hello there,

    Try adding the below custom CSS code to narrow the logo area, enlarge the menu area, and decrease the font size of the menu item.

    
    @media only screen and (min-width:1025px) {
      
      .site-header .col-md-4 {
        width: 20%;
      }
      
      .site-header .col-md-8 {
        width: 80%;
      }  
      
    }
    
    #mainnav li {
      padding: 0 7px;  
    }  
    
    #mainnav ul li a {
      font-size: 14px;
    }
    

    To apply it to your site, insert it into the Appearance > Customize > Additional CSS.

    Regards,
    Kharis

    Thanks alot..your info helped me get on the right track.

    You’re welcome and best wishes!

    I’m having the same problem with my menu displaying on 2 lines. I tried following the directions about but instead of getting a page of css code to edit, I got a “Childify me” button. I don’t know anything about that and since it was not mentioned in the otherwise very clear instructions, I hesitate to select that option.
    Please let me know if that IS part of the process to add that additional css code.

    Thanks!

    Hello @imaquila,

    To apply custom CSS code to your site, put copy the suggested code, then log into your site admin area, and then navigate to Appearance > Customize > Additional CSS. Remove the default CSS comment as seen below and paste the code into the provided box.

    
    /*
    You can add your own CSS here.
    
    Click the help icon above to learn more.
    */
    

    Regards,
    Kharis

    As I mentioned in my first message I tried but when I navigate to Appearance > Customize > Additional CSS I get a “Childify me” button. Your instructions do mention what to do with that or how to get around it. That seems to be my only obstacle keeping me from pasting that code.
    I was hoping you could help with that part.

    Thanks

    Hello there,

    I would like to apologize in advance for the delay. It shouldn’t be there by default. Do you have an active child theme creator plugin?

    Regards,
    Kharis

    Kharis,
    I’m just grateful for your assistance whenever you have the time to reply. No apology necessary. I’ve recently taken over maintaining the website for one of the organizations that I belong to. I can tell you that I have not added any plugins at all. Only updates for those that were already being used. I very much doubt that my predecessor used one but if you can tell me how to verify it, I’d be happy to double check. In the meantime, I’ll do some exploring and see if I can find any instructions on viewing installed plugins.

    Thanks again so much for your assistance,
    Judy

    Kharis,
    It didn’t take long! Problem solved! I can’t thank you enough for taking the time to help!
    Your code worked beautifully once I located the plugin and disabled it. Now I better find out if I’ve broken something that needed that plugin to function.

    Thanks again!
    Judy

    Awesome Judy! Glad to hear you figured that out. Feel free to open a new topic if you have any other question to ask.

    Regards,
    Kharis

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Theme Sydney: How to change the size of the menu containers.’ is closed to new replies.