Hi, I am having a few issues that I can’t figure out and hope you can assist
1. We are trying to make the header completely opaque, but are not having any luck. I’ve used the .header-scrolled .header_bg { opacity: 1 !important; } fix, but when the page is scrolled up, the header text appears above the menu and logo.
2. We are having 2 issues with the layout (a) using three 1/3 columns with a medium image in each, the image shows smaller than the other two. (b) after that we have a full width section that looks fine on other pages (it’s part of the template) but on this page it is displaying completely wrong.
Will put credentials in private to you.
Thanks,
Janet
Hey janetgot!
Thank you for using Enfold.
1.) Use this to fix the header:
.html_header_top.html_header_sticky #header {
position: fixed;
z-index: 10000;
}
2.) You have this code on the style.css file which affects the image on the 3rd column:
.avia-builder-el-14, .avia-builder-el-15, .avia-builder-el-17, .avia-builder-el-18 {
width: 200px;
font-size: 110%;
}
If you want to modify specific elements on the theme, enable the custom css class on the advance layout builder: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Best regards,
Ismael
Perfect, thank you Ismael!