Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1357900
    chriscarr1951
    Participant

    Hi,
    Thanks to all you guys I nearly have my website perfect. Have learnt a lot !
    On the small screen sizes I can’t get the menu bar the same colour as the back ground, its works perfectly on the bigger screens.
    Also is it possible to move the menu logo to the left of the screen and increase the size of the logo.
    Many thanks

    Chris

    I will send sit details privately

    #1357902
    chriscarr1951
    Participant
    This reply has been marked as private.
    #1357956
    Thai
    Moderator

    Hi There,

    Please add the following CSS:

    @media (max-width: 979px){
        a.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main.ubermenu-skin-vanilla.ubermenu-loc-primary {
            background: #f2f2f2;
        }
    
        .x-logobar {
            text-align: center;
        }
    
        .x-brand img {
            width: 459px;
        }
    }

    Hope it helps 🙂

    #1358087
    chriscarr1951
    Participant

    Thanks Thai, thats sorted out the colour perfectly. Did you have a chance to look at increasing the size of the menu logo and having on the left rather than the centre

    Cheers,

    Chris

    #1358347
    Christopher
    Moderator

    Hi there,

    Please add this code as well :

    .x-logobar {
        text-align: left;
    }

    Increase logo size under Customize -> Header.

    Hope it helps.

    #1359464
    chriscarr1951
    Participant

    Hi thanks for your reply. Sorry I wasn’t clear. It is the menu logo (like a double decker club sandwhich) which shows on the iPhone view. That I would like to make larger and left justified, not the main logo above the menu on the PC view.
    Also how do I just the size of the main logo when showing on an iPhone at present it is a bit out of scale.
    I attach a photo of the small menu button and the rather large logo !
    Many thanks
    Chris

    #1359485
    Christopher
    Moderator

    Hi there,

    Please add this code :

    a.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main.ubermenu-skin-vanilla.ubermenu-loc-primary {
        text-align: left;
        font-size: 25px;
    }
    @media (max-width: 979px){
    .x-brand img {
        width: 50%;
    }
    }
    

    Hope it helps.

    #1359889
    chriscarr1951
    Participant

    Thank you Christopher. Exactly what I needed. The back up you guys offer is amazing

    Over and out.

    Chris

    #1359922
    Thai
    Moderator

    You’re most welcome 🙂

    If you need anything else please let us know.

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