Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • September 21, 2020 at 11:14 pm #1247492
    John

    For some reason, I’m just seeing this, but the hamburger menu on mobile view is showing up white (The three bars, not the links themselves) What would be causing this?

    September 22, 2020 at 10:08 am #1247569
    Rikard

    Hey John,

    Please try the following in Quick CSS under Enfold->General Styling:

    .header_color .av-hamburger-inner, .header_color .av-hamburger-inner::before, .header_color .av-hamburger-inner::after {
    background-color: #000;
}

    Best regards,
    Rikard

    September 22, 2020 at 2:20 pm #1247628
    John

    This worked, but now it’s showing a blue highlight when you hover over the hamburger and it’s showing blue highlight on the links that aren’t hovered over. How do I remove the highlight? Also I noticed once I added this CSS, the search bar was removed, but I was able to toggle it back on from Enfold>Main Menu>Append search icon to main men, but the text you enter is showing white on white bg and the searches that come up show larger text. How would I fix this?

    September 23, 2020 at 7:04 am #1247770
    Rikard

    Hi John,

    Please try this CSS as well:

    @media only screen and (max-width: 767px) {
.avia-menu li:hover {
    background: transparent;
}

form#searchform input::placeholder {
    color: #000;
}
}

    Best regards,
    Rikard

    September 23, 2020 at 2:19 pm #1247874
    John

    This CSS didn’t work for anything I mentioned. It’s still showing a blue highlight, the text in the search bar is still showing white on white bg and the search result text that comes up under the search bar is still larger sized font. I don’t understand why it would be showing white font?

    September 24, 2020 at 6:26 am #1248041
    Rikard

    Hi,

    The search bar text CSS is applying on my end, the hover colour which is in your custom.css file was not overridden though. You can try this instead:

    @media only screen and (max-width: 767px) {
.avia-menu li:hover {
    background: transparent !important;
}
}

    Or simply remove the code which is adding the background colour in custom.css.

    Best regards,
    Rikard

    September 24, 2020 at 2:38 pm #1248162
    John

    The text in the search bar is still white text on light bg and the text results are still larger. Search bar example

    September 25, 2020 at 7:08 am #1248333
    Rikard

    Hi,

    Please try this CSS as well:

    form#searchform input::placeholder {
    color: #000;
}

.av_ajax_search_title {
    font-size: 10px;
}

    Best regards,
    Rikard

    September 25, 2020 at 4:11 pm #1248470
    John

    This didn’t work for the text color. It’s still showing white when you type something in. It only worked for the text size on the results. Would I have to change one of these?

    September 26, 2020 at 10:37 am #1248603
    Rikard

    Hi,

    Please see private for what I’m seeing on my end, if you can’t see that then please try loading the site in an incognito or private browser window.

    Best regards,
    Rikard

    September 26, 2020 at 7:20 pm #1248711
    John

    Yes, I’m seeing the same thing. I see ‘Search’ in the search bar in black font, but when you type anything in, the text that you type in is white font.

    September 27, 2020 at 5:02 pm #1248824
    Victoria

    Hi John,

    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

    
#top .av_minimal_header #s {
    color: #000;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    September 27, 2020 at 5:21 pm #1248830
    John

    This worked in Enfold > General Styling > Quick Css

    Thank you!

    September 27, 2020 at 7:14 pm #1248857
    Victoria

    Hi John,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

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