Tagged: color section
Hi everyone!
On a running project I have a problem on mobile phones:
The Header is covering the color section, so the background image (a face) is «cut».
Is there any way of «putting the color section under the header so that you are able to see the whole section?
Thanx a lot for you help
Best regard
Safet Salai
Hey salai_com,
Try this code in the General Styling > Quick CSS field:
.avia_mobile #top .av-parallax {
top: 10px !important;
}
Best regards,
Mike
Thany alot, Mike!
It seems to work fine!
One more thing, if you may allow: Is there any possibility to make header transparent, so if needed the logo may appear on the picture background?
Thank you for your reply!
Safet Salai
Hi,
I just checked your page and the header is transparent yes.
Best regards,
Basilis
Thank you Basilis
On the desktop and tablet, yes – on the phone no.
Is there a way to aply transparency on the phone as well?
Regards
Safet Salai
Hi,
Try this code in the General Styling > Quick CSS field:
@media only screen and (max-width: 766px) {
.responsive #top #main {margin-top: -80px!important;}
#top #wrap_all .av_header_transparency {background-color: transparent!important;}
div#header_main > .container {display: block !important;}
}
Best regards,
Mike
Hi Mike!
Perfect! Thank you very, very much!
Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.
For your information, you can take a look at Enfold documentation here
And if there are features that you wish Enfold had, you can request them and vote the requested ones here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)
Best regards,
Mike