Hi!
I’ve been trying to target the the current-menu-item of a page. I created a hover that sets the border of the menu item to display:none. I’d like the border to stay hidden, when I’m on that page, but have trouble targeting it.
Please see: https://imgur.com/mlXcDBr
i’ve tried several things in the editor, f.ex:
Thanks for your help!
Hey Ushbot,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
Victoria
Hi Victoria! Thanks for your help!
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
#top .current_page_item .avia-menu-text {
background:gold;
}
Best regards,
Vinay
Worked! Thanks
Hi Ushbot,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria
Hi,
Please create different tickets for different issues so we can relate to the main topic :)
Google maps shortcode is not supported inside the accordion please add your API key in the below code and paste it in text mode inside the accordion.
<div id="googleMap" style="width:100%;height:400px;"></div>
<script>
function myMap() {
var mapProp= {
center:new google.maps.LatLng(51.508742,-0.120850),
zoom:5,
};
var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY&callback=myMap"></script>
Best regards,
Vinay
Hi Ushbot,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria