Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • September 18, 2019 at 5:20 pm #1139593
    tivo_designs

    Hi there,

    I am trying to add 90px separation between each menu item like this https://ibb.co/gtbX2yn, I found this Quick CSS Script which seemed to work 

    .av-main-nav > li > a {
    padding: 0 90px;
}

    But now the line separators are not spaced out correctly: https://ibb.co/vJLxXMs

    Do you have any suggestions?

    Thanks!

    September 18, 2019 at 5:23 pm #1139596
    Jordan Shannon

    Hey tivo_designs,

    Please provide a link to the site/page in question so we can look into this issue further.

    Best regards,
    Jordan Shannon

    September 18, 2019 at 5:24 pm #1139598
    tivo_designs
    This reply has been marked as private.
    September 18, 2019 at 5:53 pm #1139607
    Jordan Shannon

    Hi,

    Add this to quick css:

    .av_seperator_small_border .av-main-nav > li > a > .avia-menu-text{
border:none!important;
}

.av-main-nav > li > a {
    padding: none!important;
}

#avia-menu li{
padding: 0 50px;
border-right: 1px solid #fff;
}

#avia-menu li.menu-item:nth-last-child(2){
padding: 0 0px;
border-right: none!important;
}

    Best regards,
    Jordan Shannon

    September 18, 2019 at 6:00 pm #1139612
    tivo_designs

    Brilliant — that worked. Thanks Jordan!

    One last thing, the new line separators are now full length top to bottom. Is it possible to restore it shorter line separators, like this: https://ibb.co/gtbX2yn

    September 18, 2019 at 7:18 pm #1139637
    tivo_designs

    I added a few submenu items. The background color and spacing of the submenu needs to not be affected by the main menu spacing and colors. They need to look like this: https://ibb.co/862rmQX

    Is it possible to have a submenu item that does not have this spacing? Right now, the submenu items under “Services” are affected by this script. https://ibb.co/0tryp0Q

    And if the submenu items are under a mega menu, the spacing and advanced styling doesn’t work. https://ibb.co/s3Qy2FB

    Really appreciate your help. Thank you!

    • This reply was modified 5 years, 2 months ago by tivo_designs.
    September 23, 2019 at 1:43 pm #1141001
    Ismael

    Hi,

    Thank you for the update.

    You should replace this code.

    
#avia-menu li{
padding: 0 50px;
border-right: 1px solid #fff;
}

    ..with:

    
#avia-menu li a{
padding: 0 50px;
border-right: 1px solid #fff;
}

    Let us know how it goes.

    Best regards,
    Ismael

    September 23, 2019 at 5:02 pm #1141058
    tivo_designs

    It currently works great, that submenus like good to me! Thank you!

    I’d still like to have the small line separators in between each menu item though. Is this possible? Right now its full length vertically.

    https://ibb.co/nnHtLNG

    September 24, 2019 at 10:09 am #1141309
    Ismael

    Hi,

    Thank you for the update.

    We don’t see those separators anymore. Did you figure out how to remove them?

    Best regards,
    Ismael

    September 26, 2019 at 3:52 am #1142095
    tivo_designs

    I removed the entire CSS code which is why it isn’t there anymore. Do you guys have a script that can spread the menu items out and also have a small line separator?

    September 27, 2019 at 4:22 am #1142559
    Ismael

    Hi,

    Thank you for the update.

    Can you give us a screenshot of the header or menu layout that you have in mind? Please use imgur or dropbox.

    Best regards,
    Ismael

    September 30, 2019 at 4:53 pm #1143419
    tivo_designs

    Thanks for getting back to me. The dividers in the navigation are no longer needed from the client.

    Best,
    Tony

    October 1, 2019 at 11:25 am #1143655
    Rikard

    Hi Tony,

    Thanks for the update. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.