Archived topic
Mallow Theme: Add background to menu
6 replies · Started by Gregg Lybbert on October 19, 2022
I am using the Mallow theme in a pretty much stock condition. One of the few changes that I made was to increase the opacity of the featured image; I didn't like how the images at a reduced opacity seemed dull. Now my menus disappear.
For exapmle:
https://tudalu.com/
https://tudalu.com/about/
Is there a way to add a background to the menu block similar to the logo block to pull it off of the page?
Hi Gregg,
Mallow template uses a Header Element to alter the color of the Navigation.
To change this, go to Appearance > Elements > Merge, and in the Site Header section, change the Navigation Background color to your preference.
Thank you. I would also like to adjust the opacity so that just a little color is showing (just enough to pull the menu off of the background). But the opacity slider has no effect. It is always 100% opaque. Is there a way top adjust that as well?
In your Header Element, you'll need to remove the "Offset Site Header Height" value first so that the Header will be floating on top of the image.
After which, that opacity should now work.
Sorry, one more detail. i can open another topic if you need me to, but there is a bar that appears below the navigation bar. I am assuming it is a border somewhere but I can't find it to remove it. Could you please help me with this? Where is it?
By the way, I am not speaking of the bar that appears below the menu item when hovering, I am speaking of the long bar that extends across the entire nav section.
Hi Gregg,
It's added by this CSS at customizer > additional CSS:
#site-navigation .inside-navigation {
border-bottom: 1px solid rgba(0,0,0,0.2);
}
.header-wrap #site-navigation .inside-navigation {
border-color: rgba(255,255,255,0.3);
}You can remove them to remove the border.
