Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 21, 2020 at 5:02 pm #1215041
    raisonbrands

    Hi,

    I’m sure this has been answered before, but I looked around the threads and wasn’t able to find it.

    Currently, lublevel links pop out to the left of the parent link, how do I get them to show be under their parent link and indented a little bit to the right?

    In private content, scroll over “Products / Microfiber Mops” and you’ll see that “Comparison Chart” pops out to the left (same for Wipes).

    I would like them to appear like the below:

    PRODUCTS
    Cleaning Carts
    Hardware
    Microfiber Mops
    Comparison Chart
    Wipes
    Comparison Chart
    IPA

    Thanks!

    • This topic was modified 4 years, 5 months ago by raisonbrands.
    May 23, 2020 at 7:42 am #1215364
    Rikard

    Hey raisonbrands,

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

    #top .av-main-nav ul ul {
    left: 207px;
}

    Best regards,
    Rikard

    May 26, 2020 at 4:43 pm #1216534
    raisonbrands

    Thanks Rikard,

    So that moves it over to the right, which is definitely better.
    But how do I get the sub item below its parent with an indent?

    Hardware
    Microfiber Mops
    Mops Comparison Guide
    Wipes
    Wipes Comparison Guide

    Thanks again!

    May 27, 2020 at 12:58 am #1216742
    Jordan Shannon

    Hi,

    Add this to quick css:

    .sub-menu li{
margin-left:30px!important;
}

    Best regards,
    Jordan Shannon

    May 27, 2020 at 10:59 pm #1217196
    raisonbrands

    Thanks Jordan,

    But unfortunately that just made the box with the dropdown links oddly proportioned and offset the sub-level links by a hair.

    May 27, 2020 at 11:05 pm #1217200
    Jordan Shannon

    Hi,

    Apologies, are you able to screenshot? Perhaps I’m misinterpreting what you need.

    Best regards,
    Jordan Shannon

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