Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 11, 2018 at 12:23 am #1020099
    hypnorich

    I would like the drop down menu from the horizontal nav to be wider so each item is on one line. I checked previous answers to the same question and a couple of times saw this css recommended:

    .main_menu .menu ul { width: 262px; }

    I tried using that in quick css in general styling but it didn’t seem to change anything.

    Could you take a look and let me know how to fix it please?

    October 11, 2018 at 7:09 am #1020207
    Rikard

    Hey hypnorich,

    Please try the following in Quick CSS under Enfold->General Styling:

    .av-main-nav ul {
    width: 300px !important;
}

    Clear the cache from your caching plugin and browser and reload.

    Best regards,
    Rikard

    October 11, 2018 at 9:18 am #1020231
    hypnorich

    Just tried it and there was no effect. I have purged the cache and also tried increasing the size to 900px but still no change

    October 11, 2018 at 11:19 am #1020277
    Rikard

    Hi,

    I just verified that the code works on my local installation, so there is something not working as it should on yours. Is you hosting applying varnish cache maybe? What happens if you disable your caching plugin?

    Best regards,
    Rikard

    October 11, 2018 at 2:57 pm #1020325
    hypnorich

    I disabled all cache plugins, contacted the host and there is no varnish cache, tried opening the page in an incognito window and no change at all at my end

    October 11, 2018 at 3:17 pm #1020328
    hypnorich

    Just updated the version of the theme and it has all changed now. Thanks for the css

    October 11, 2018 at 5:31 pm #1020392
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Can't make drop down menu wider’ is closed to new replies.