A little CSS Menu Help

Hi havi,

Please try to add this CSS code in Enfold > General Styling > Quick CSS:

#top #wrap_all #header.header_color .av-menu-button-colored.menu-item-32 > a .avia-menu-text {
    background-color: #ea526e;
    border-color: #ea526e;
}

Best regards,
Nikko

Hi havi,

I have checked it however it’s purple on my end and I don’t see the code anywhere.
It should specifically be targeting menu-item-32 as you can see in the code I gave.

Best regards,
Nikko

Hi havi,

You’re very much welcome :)
I also did not clear the cache on my end, after clearing it I was able to see both colors.

Best regards,
Nikko

Hi Havi,

Do you mean having a video that autoplays?

Best regards,
Nikko

Hi Havi,

I see, can I request for temporary admin access on your site? so I can view the backend and try to reproduce it on my end.
Just post the credentials privately.

Best regards,
Nikko

Hi Havi,

Thanks for giving us admin access.
I have made a copy of the page and tweaked it (link in private content).
On the content slider, I replaced the link and image with the embed code you can copy from youtube, then I made it into this format:

<div class="flex">
<div>embed code</div>
<div>other content</div>
</div>

then in Quick CSS, added this:

.flex {
    display: flex;
    gap: 24px;
}

.flex div:first-child {
    min-width: 50%;
    width: 560px;
}

Please review the page.

Best regards,
Nikko

Hi Havi,

You’re welcome :)
To fix the issue on tablet and mobile, please try to add this CSS code as well:

@media only screen and (max-width:959px) {
  .flex {
    flex-direction: column;
  }
}

Best regards,
Nikko

Hi Havi,

It’s a pleasure to help you :D
Thank you as well for using Enfold and have a great weekend!

Best regards,
Nikko