Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 3, 2018 at 7:33 am #1017375
    OhYa1337

    Hello,
    The Main Menu Bar background is covering the logo on hover,
    what would be the CSS for changing it to transparent?
    (Screenshot showing what I mean)
    http://prntscr.com/l1j6fi

    here is my present css for the menu area

    span.avia-menu-text {
    vertical-align: text-top !important;
    padding-bottom: -20px !important;
}
.sub_menu>ul>li>a, .sub_menu>div>ul>li>
a {
font-size: 12px;
}
.header_color .sub_menu > ul > li > a:hover, a:active {
    background-color: #d50000;
    color: white !important;
}
.phone-info {
    font-size: 12px;
}
span.avia-menu-text {
text-transform: uppercase;
}
    October 3, 2018 at 9:41 am #1017410
    Rikard

    Hey OhYa1337,

    Thanks for the screenshot, could you post a link to where we can see the actual element as well please?

    Best regards,
    Rikard

    October 3, 2018 at 9:53 am #1017416
    OhYa1337

    Here’s a link to the dev site in private content
    Set the browser to 720 so that Home will be under the logo

    October 3, 2018 at 11:40 am #1017473
    Rikard

    Hi,

    Thanks for that, could you try to activate the mobile menu for tablets as well under Enfold->Main Menu->General please? Look for the Menu Items for mobile option there.

    Best regards,
    Rikard

    October 3, 2018 at 11:50 am #1017478
    OhYa1337

    Ok,
    im not sure what you’re going for, but I have activated the mobile menu for tablets 990px

    The problem is when the Home Menu is below the Logo it shows a White Bar above it that covers the logo
    this is visible on monitors smaller than 1080p, such as 720p
    which is 1280px wide
    I just need to change the opacity of the white background on hover for the main menu bar

    October 3, 2018 at 11:52 am #1017481
    OhYa1337

    or, is there a way to change the height of the button?
    as you can see in the screenshot below, the menu button covers the logo & is very tall with a white background
    (I have drawn a box around the buttons area in the screenshot to show its size)
    http://prntscr.com/l1w8ko

    All I need to do is change the height of the button so it is just as tall as the text or
    change the opacity of the white background of the hover state

    October 4, 2018 at 5:42 am #1017678
    Rikard

    Hi,

    Ah ok, thanks for clarifying. Please try the following in Quick CSS under Enfold->General Styling:

    #avia-menu li.menu-item:hover {
  background-color:transparent !important;
}

    Best regards,
    Rikard

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