Tagged: border, Header Background
I have a background image as my header. I am trying to increase the border top & bottom. Can you show me this element
Hey dee804203,
Please try the following in Quick CSS under Enfold->General Styling:
#home {
border-top:5px solid red;
border-bottom:5px solid red;
}
If that is not what you are looking for then please please post a screenshot highlighting the changes you would like to make.
Best regards,
Rikard
got it, thanks.
can you tell me the css that will allow me to change the homepage header and meta to transparent on mobile?
Hi dee804203,
Try this code.
You can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency {
background: transparent;
position: absolute!important;
}}
If you need further assistance please let us know.
Best regards,
Victoria
thank you.
lastly, on mobile
how can i make the burger menu slide out (white padding) transparent?
change the phone number and burger menu icons white? (because they are links, there are showing as grey.)
how can i remove the search icon on both desktop and mobile?
thank you so much for the help
*white burger menu on homepage
Hi,
Please try the following css codes.
.av-burger-overlay-inner, .av-burger-overlay-scroll, #av-burger-menu-ul {
background: transparent !important;
}
.header_color div .av-hamburger-inner, .header_color div .av-hamburger-inner::before, .header_color div .av-hamburger-inner::after {
background-color: #ffffff;
}
#menu-item-search {
color: #ffffff;
}
Best regards,
Ismael