Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 18, 2020 at 3:52 am #1231402
    Dependable

    Hello,

    Trying to change the phone number section to white only on desktop. This code doesn’t work. What am I doing wrong?

    @media only screen and (min-width: 769px) {
div.phone-info {color: #ffffff !important; }}

    Thank you!

    July 18, 2020 at 5:23 am #1231411
    Jordan Shannon

    Hey Brad,

    Please provide a link to the site/page in question so we can look into this issue further.

    Best regards,
    Jordan Shannon

    July 18, 2020 at 5:39 am #1231418
    Dependable

    Hi Jordan, I’ve put the link in the private content section.

    Thank you!

    July 18, 2020 at 6:17 am #1231431
    Jordan Shannon

    Hi,

    Just forgot the a selector. Add this to quick css:

    @media only screen and (min-width: 769px) {
div.phone-info a {color: #ffffff !important; }}

    Best regards,
    Jordan Shannon

    July 18, 2020 at 7:03 am #1231452
    Dependable

    Thank you! The only remaining issue is that it remains white when you scroll down the page. Is there any way to make it go black when you scroll down?

    Thank you!

    – Brad

    July 18, 2020 at 7:44 am #1231455
    Guenni007

    PS : i would take for min-width on enfold always the even numbers
    and: for max-width the odd numbers.
    All definitions on Enfold css follow that setting – especially those on 768 and 990
    so maybe better to use that switch point for your setting too.

    @media only screen and (min-width: 768px) {
	div.phone-info a {color: #fff !important; }
	#header.header-scrolled div.phone-info a { color: #000 !important }
}
    July 18, 2020 at 9:43 am #1231460
    Jordan Shannon

    Hi,

    Thank you Guenni!

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.