Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1024771
    salvihomesltd
    Participant

    How can I reduce the white space or squeeze the main menu top and bottom border?

    I’ll attach 2 screen shots, but I basically want the main menu top/bottom border on our new site (dev site border.jpg) to resemble the top/bottom border on our existing site (prod site border.jpg) at http://www.salvgroup.com.

    #1025327
    Friech
    Moderator

    Hi There,

    Thanks for writing in! But can you confirm this URL? http://www.salvgroup.com


    screenshot

    Seems not available at the moment.

    #1032701
    salvihomesltd
    Participant

    Bah! Sorry, it should be salvigroup.com !

    #1033255
    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in!

    You can add this under Custom > CSS in the Customizer:

    p.contactInfo.goCenter.hidden-xs {
        margin-bottom: 5px !important;
    }
    
    .header {
        padding-bottom: 5px !important;
    }

    Thanks.

    #1043366
    salvihomesltd
    Participant

    Sorry for the delay, but that code does not seem to work.

    #1043461
    Jade
    Moderator

    Hi there,

    The site doesn’t seem to be using X but you may try this code:

    .header {
        padding-bottom: 10px;
    }
    #1043507
    salvihomesltd
    Participant

    Hi, that code also does not work.

    The site http://www.salvigroup.com is the current ‘old’ production site. The new dev site is using X but is not publicly visible. In construction mode.

    Should I make a login for you to see the new site?

    #1043511
    salvihomesltd
    Participant
    This reply has been marked as private.
    #1043749
    Joao
    Moderator

    Hi There

    You can adjust your menu(navbar) settings by going to Appereance Customizer Header.

    Over there you will be able to make your logo smaller if you feel like and decide the navbar height.

    Also you will have the option Navbar Top Link Alignment (px) and you will be able to move your links a bit up.

    Hope it helps,

    Joao

    #1043809
    salvihomesltd
    Participant

    Sorry, please see the original post. I’m trying to bring the top and bottom borders closer together, like in attachment #2 ‘prod-site-border.jpg’

    #1044156
    Nico
    Moderator

    Hi There,

    Try adding this in your customizer > Custom > CSS:

    .x-navbar .desktop .x-nav > li > a {
        height: 56px;
        padding-top: 8px;
        margin-top: 85px;
    }

    Adjust the numbers to achieve the best menu you want to create.

    Let us know how it goes.

    Thanks.

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