Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 19, 2014 at 7:28 pm #353897
    consultnew

    hello

    http://goo.gl/4TbYmw

    min 768px media

    Please take a look at this on ipad portrait mode.

    The main menu is full, and i need to utilize the padding spaces right and letf to give spacing between the links

    Basically I want the Main menu to stretch all the way

    November 19, 2014 at 10:59 pm #354017
    Elliott

    Hi consult!

    I don’t see an easy way of going about that unfortunately. You can try using this CSS and then play around with the values to change the padding on certain screen sizes.

    @media only screen and (max-width: 959px) {
.av-main-nav > li > a { padding: 0px 30px !important; }
}
@media only screen and (max-width: 859px) {
.av-main-nav > li > a { padding: 0px 20px !important; }
}
@media only screen and (max-width: 759px) {
.av-main-nav > li > a { padding: 0px 13px !important; }
}

    Cheers!
    Elliott

    November 19, 2014 at 11:33 pm #354030
    consultnew

    Hello

    I appreciate your reply,
    I have already set this to 0 2px thats the minimum padding.

    What I was looking for was, whole width of the main menu bar itself.
    Its not using complete 100% window size, I see the website completely stretched, but the menu had side padding of around 70px each side

    Please help

    November 20, 2014 at 5:10 pm #354319
    Elliott

    Hi!

    Add this to your custom CSS.

    #header #header_main_alternate .container {
    padding: 0px !important;
}

    Cheers!
    Elliott

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