Helle Kriesi,
I am using sticky and transparent header on https://www.beestrong.com.tr
There is no problem with the desktop version but on the mobile version, the texts (phone number) are not appearing because of the white background color. How can I change the text or background color for mobile version seperately?
Thank you!
Orhan
Hey erkuto,
To change the background color for mobile only, Please try this code in the General Styling > Quick CSS field:
@media only screen and (max-width: 767px) {
.responsive #top .av_header_transparency #header_meta {
background-color: rgba(0, 0, 0, 0.6) !important;
}
}
To change the color of the text for mobile only, try this css:
@media only screen and (max-width: 767px) {
.responsive #top .av_header_transparency #header_meta span,.responsive #top .av_header_transparency #header_meta span a {
color: #000 !important;
}
}
Best regards,
Mike
It worked, thank you Mike!
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
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