Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 12, 2018 at 11:10 pm #1009115
    kjwaggz

    Hi there,

    I was looking for a little CSS hack to accomplish the following on https://www.tricountyhomeinspectionllc.com/

    Desktop – Phone number in small bar above main menu is in white. Perfect. Main menu links are also white. Great.

    On mobile – The phone number in small bar above main menu is washed out because the background is white. I would love to have the text in a dark color. In addition, the burger menu icon and menu links are all white washed as well.

    Is there some CSS that I could apply so these are visible on mobile?

    September 13, 2018 at 5:36 am #1009213
    Mike

    Hey kjwaggz,
    Please try this code in the General Styling > Quick CSS field:

    @media only screen and (max-width: 767px) { 
.phone-info a, .phone-info {
color: #000 !important;
}
.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a {
color: #000 !important;
}
.html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::before, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::after {
background-color: #000 !important; 
}
}

    Best regards,
    Mike

    September 13, 2018 at 5:41 pm #1009547
    kjwaggz

    Hey Mike! This is progress.

    The burger menu icon is black, but the flyout menu items are still white. Would love for them to be black.

    The small bar above the logo is still white on mobile. Would love for this to be black.

    September 13, 2018 at 6:04 pm #1009570
    Victoria

    Hi kjwaggz,

    Could you please clear the cache, check again and get back to us.

    Best regards,
    Victoria

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