Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 26, 2016 at 4:16 pm #678202
    DigitalEssence

    Hi,
    wondering if you can help.

    I would like my main menu (av-main-nav) to fill the div so that it is 100% of the container and is also responsive so that it reduces down in size with the browser size.

    I’ve tried loads of things but it just won’t fill the available div and then the padding collapse down responsively.

    The site is: http://eastgate.digitalessence.net/

    Thanks

    August 31, 2016 at 7:45 am #679844
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    #header #header_main_alternate{
    padding: 0 !important;
}
#header #header_main_alternate .container {
    max-width: 100%;
}

    Cheers! 
    Josue

    August 31, 2016 at 4:23 pm #680089
    DigitalEssence

    Hi Josue,

    Thanks for your reply. Sorry, I should have been more specific. I’m trying to get it to fill 100% of the following:

    http://screencast.com/t/z8wJHJ84X

    thanks

    August 31, 2016 at 4:33 pm #680111
    Josue

    Hi,

    Remove padding: 0 12% from your .av-main-nav > li > a, div#header_main_alternate code in style.css.

    Then add this:

        #header #header_main_alternate .container ul{
        display: flex;
        justify-content: space-between;
    }

    #header #header_main_alternate .container li{
        float: none;
    }

    Best regards,
    Josue

    August 31, 2016 at 4:54 pm #680152
    DigitalEssence

    Perfect!

    Thank you so much.

    Another one that’s getting added to my Gist.

    https://gist.github.com/DigitalEssence

    August 31, 2016 at 5:18 pm #680180
    Vinay

    Hi,

    Glad we could help! and thank you for sharing the Gist :)
    If you haven’t already we really appreciate it if you rate our theme on themeforest .
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/

    Thank you for using Enfold :)

    Best regards,
    Vinay

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Trying to get av-main-nav ul to fill full width of av-main-nav and be responsive’ is closed to new replies.