Dropdown menu background

  • karazowa

    (@karazowa)


    8 years, 6 months ago

    Hi there,

    I’m using image as background in dropdown menu. The image is a round-corner rectangle. In the first cell of the dropdown menu, the site displays the image with white background. The second cell does not have this kind problem. However, the gap between each cell is set to be white.

    How do I close off this gap and get the first cell to show correctly?

    The site is using Virtue 3.0.7

    Help plz, thanks!

Viewing 8 replies - 1 through 8 (of 8 total)
  • hannah

    (@hannahritner)

    8 years, 6 months ago

    Hey,
    Can you post a link to your site?
    Thanks!

    Hannah

    Thread Starter karazowa

    (@karazowa)

    8 years, 6 months ago

    Here:

    http://47.93.225.71/

    Thank you for reply:)

    hannah

    (@hannahritner)

    8 years, 6 months ago

    Hey,
    Try adding this to your custom css box in Theme Options > Advanced Settings:

    .sf-menu ul {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0 !important;
}
.sf-menu ul li {
    border-bottom: 0;
}

    Does that work for you?

    Hannah

    Thread Starter karazowa

    (@karazowa)

    8 years, 6 months ago

    Hi Hannah,

    The code works when I stop using image as background and use background-color instead.
    But the gap between primary menu and dropdown menu still exits.
    Is there anyway to eliminate this gap as well?
    Thanks again.

    hannah

    (@hannahritner)

    8 years, 6 months ago

    I’m seeing your dropdown menu display totally different now than before. Can you send a screenshot of the space you mean? https://postimages.org/

    Hannah

    Thread Starter karazowa

    (@karazowa)

    8 years, 6 months ago

    Hi Hannah,

    I’m trying different settings on the menu, and it seems alright now.
    Here is the css that fix the dropdown menu for me.

    #nav-main ul.sf-menu ul li a{
    text-align:center;
    background:transparent !important;
    background-color:#e6868d !important;
}

    But I’m having trouble configuring the mobile navigation menu. The menu is blank.
    Any idea?

    Thanks.

    Thread Starter karazowa

    (@karazowa)

    8 years, 6 months ago

    Never mind. I have got it to work! Thank you.

    hannah

    (@hannahritner)

    8 years, 6 months ago

    Glad to hear it!

    Hannah

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Dropdown menu background’ is closed to new replies.