Added Color Bar on Mobile

  • “Available 24 Hours A Day (212) 641-0906” is set against a white background on Desktop, but when viewing the page on mobile there is a blue bar (color#002e5) behind the text which makes it difficult to read.

    I found the color in question by following this path:

    Appearance > Customize > Site Settings > Style & Settings > Custom Base Color

    But nothing changed after I selected and changed the blue to white. How else might I be able to solve this dilemma?

    Thanks

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Hello @jshanker2,

    We can fix the issue with the help of custom css. You need to apply below given css under

    Appearance -> Customize -> Additional Css-

    @media only screen and (max-width: 1024px){
.mobile_grid_landscape .mobile_header .header_info {
background: #ffffff;
}
}
@media only screen and (max-width: 769px){
.mobile_header .header_info .icon_text .icon {
color: #0f4568;
}
}

    Kind regards,

    Manoj

Viewing 1 replies (of 1 total)
  • The topic ‘Added Color Bar on Mobile’ is closed to new replies.