Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 13, 2017 at 12:46 pm #777219
    photooseu

    Hello,

    I have build a great website from this theme by importing the demo content en just changing little things.

    One thing I left unchanged is the header. I use my contact information in the top header so people can see my telephone number.
    On the desktop this looks awesome, it has white letters and a background image.
    When scrolling on the desktop the header changes into white background, the letters change to black, which is perfect and looks awesome.

    On the mobile theme this isn’t working. If I open the website on a mobile I can’t see the information as telephone number. The text is white and the background is also white.
    When scrolling, nothing changes on mobile.

    If I look the source code, the letters are visible in the header but as it has the same color nobody can see.

    I can change the font color but this is also visible on the desktop.
    If I set colors to see on mobile, the desktop theme looks no good.

    How can I change the font color on mobile????

    Looking forward to your help.

    Best regards,

    Oscar

    April 13, 2017 at 1:24 pm #777247
    Sarah

    Hey Oscar,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    @media only screen and (max-width: 767px)
.responsive .phone-info span
{
   color: #000 !important;
}

    I hope that helps!

    Sarah

    April 13, 2017 at 1:45 pm #777257
    photooseu

    Hi Sarah,

    thanks for your quick reply.

    I added the code but the phone number is still white.

    Hope you have another solution for me. Looking forward to your help.

    Best regards,

    Oscar

    April 14, 2017 at 6:03 am #777639
    Rikard

    Hi,

    Please try this instead:

    @media only screen and (max-width: 767px) {
.phone-info span {
   color:black !important;
}
}

    Best regards,
    Rikard

    April 14, 2017 at 11:35 am #777769
    photooseu

    Hi Rikard,

    tried this piece of code and this works great.

    On mobile I have black text and on desktop white, just as I like.

    Thanks for helping.

    Best regards,

    Oscar

    April 16, 2017 at 1:26 am #778325
    Mike

    Hi,
    Glad Rikard was able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Text in header is not right on mobile’ is closed to new replies.