Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #993639

    Hello form Kenya,

    how can I reduce the spave between the menu text items ?
    I need to add more navigating items and it is already full …. smile

    Thanks in advance

    #993782

    Hey MarkusLange,
    To remove some space between the menu items, Please try this code in the General Styling > Quick CSS field:

    .av_seperator_small_border .av-main-nav > li > a > .avia-menu-text {
    margin-left: 0px !important;
    margin-right: -5px !important;
    padding-left: 5px !important;  
    }
    .av-main-nav > li > a {
        padding: 0 5px !important; 
    }

    feel free to adjust to suit.

    If you would like some more room, you can make the menu space larger with this:

    #menu-item-shop .cart_dropdown_link {
        padding: 0 19px !important; 
    }
    .responsive .container.container.av-logo-container {
        padding: 0px 20px !important; 
        max-width: 100% !important; 
    }

    again, feel free to adjust to suit.

    Best regards,
    Mike

    #993925

    Thanks Mike …
    You showed me the right path. Here the CSS code that made it for me.
    .av_seperator_small_border .av-main-nav > li > a > .avia-menu-text{border-left-style: solid; border-left-width:1px; padding-left: 6px; margin-left: -18px;}

    Topic closed – thanks for the speedy response time !!!
    Markus

    #994039

    Hi,

    I’m glad you were able to get this resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Main Menu – reducing space between navigating text’ is closed to new replies.