Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 8, 2019 at 8:48 pm #1088429
    Iptor

    Hello,

    I have a background color problem where the search icon appears in navigation on mobile devices. Some other CSS tweak I must have made has caused what should be a white background to render as transparent (I think). I haven’t been able to reverse engineer where this is happening and am hoping you may be able to offer a quick fix.

    Here’s an example: Color rendering problem

    Thanks in advance!

    Mike

    April 10, 2019 at 6:59 am #1088990
    Rikard

    Hey Mike,

    Could you post a link to where we can see the element in question please?

    Best regards,
    Rikard

    April 10, 2019 at 5:29 pm #1089198
    Iptor

    Hi Rikard,

    If you view any page of our website on a mobile device, or a narrow browser window – click the hamburger menu for navigation and as it pops down you should notice the search icon immediately.

    iptor.com

    • This reply was modified 5 years, 8 months ago by Iptor.
    April 12, 2019 at 4:34 am #1089851
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    @media screen and (max-width: 767px) {
#top #menu-item-search {
    background-color: transparent;
}
}

    Best regards,
    Rikard

    April 12, 2019 at 5:05 pm #1090092
    Iptor

    Hi Rikard, that didn’t seem to work.

    April 13, 2019 at 2:34 am #1090211
    Jordan Shannon

    Hi,

    Did you add the code to the very top of quick css so it runs first? Also, be sure to clear the cache a few time over.
    Best regards,
    Jordan Shannon

    April 15, 2019 at 4:10 pm #1090998
    Iptor

    Hi Jordan,

    I’ve moved the code to the top of the quick CSS box, cleared the browser cache and flushed DNS a few times but the problem is still lingering.

    April 16, 2019 at 7:04 pm #1091627
    Victoria

    Hi Mike K,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.av-burger-overlay-active #top #wrap_all #header #menu-item-search a {
  background-color: #fff;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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