Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 5, 2015 at 5:49 pm #406547
    Michael64142

    Hi there,

    Currently, we have a menu with 2 full-width seperators (borders) and between each menu a small seperator/border.
    Screenshot of current menu: https://www.mlws.me/i/img-xR34YyR.png

    However, I’d like to have the menu like the screenshot below (made in paint, that’s why Home and Contact don’t have right align). So, I’d like all seperators/borders in the menu to be the full width like the top and bottom border/seperator.
    Screenshot of how I’d like the menu: https://www.mlws.me/i/img-kvFmv5v.png

    I know about the Quick CSS function, I just don’t know the CSS code.
    Thanks!

    March 5, 2015 at 10:16 pm #406715
    Elliott

    Hey Michael64142!

    Add this to your custom CSS.

    .html_header_sidebar #header .av-main-nav > li { margin-left: 0px !important; margin-right: 0px !important; }
.html_header_sidebar #header .av-main-nav > li > a { padding-left: 40px !important; }

    Best regards,
    Elliott

    March 7, 2015 at 12:06 pm #407447
    Michael64142

    Hey, thanks!

    Only, the menu does now show as in the second screenshot. ‘Home’ and ‘Contact’ have a wrong align.
    Is it possible to align the seperator above Home and below Contact just as the other seperators?

    https://www.mlws.me/i/img-comKZDz.png

    March 9, 2015 at 5:10 am #407856
    Ismael

    Hi!

    Add this code to remove the bottom and top padding of the navigation:

    .html_header_sidebar #header .av-main-nav {
padding: 0;
}

    Regards,
    Ismael

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