Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1018647

    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

    #1018679

    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

    #1018709

    It worked, thank you Mike!

    #1018713

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘I want to change the phone number's text color on the secondary menu FOR MOBILE’ is closed to new replies.