Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1349957
    Ann
    Participant

    Hi there,

    How can I change at what width the mobile menu appear for this site http://www.parronhall.com?

    The menu looks really weird a bit for the burger appear, pushes the logo and menu items on two different rows. See screenshot.

    Thanks for your help!

    Ann

    #1350233
    Rupok
    Member

    Hi Ann,

    Thanks for writing in! Your site is not loading so can’t give you exact solution but your logo text is long. Are you going to use this or will use logo image? If you use your logo then the problem will go away I believe.

    Cheers!

    #1350263
    Ann
    Participant

    Hey there,

    Thanks for your reply! The site is loading fine on my end – do you mind checking again?

    I’ll be using an image – but the image is pretty much only text so which ever would make it easier I guess 🙂

    #1350325
    Paul R
    Moderator

    Hi Ann,

    You can add this under Custom > Edit Global CSS in the Customizer.

    
    @media (max-width: 1200px) {
    .x-brand img {
        width: 350px;
    }
    }
    
    @media (max-width: 1055px) {
    .x-brand img {
        width: 300px;
    }
    
    .x-navbar .desktop .x-nav > li > a {
        font-size: 13px;
    }
    }
    

    Hope that helps.

  • <script> jQuery(function($){ $("#no-reply-1349957 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>