[Resolved] Switched to Flexbox – Menu now has Double Arrows

[Lydia]

Hello, I recently switched from Floats to Flexbox and most everything looks great. However, the main menu now has two drop-down arrows instead of one, and there are two little file icons next to the category tags instead of one. Is this something you can help me with? My website is alittlelibrary.com. Thanks!

[Karsten]

This CSS should help

/*Search Icon fix*/
.gp-icon.icon-search:before,
.gp-icon.icon-arrow-up:before {
content: none !important;
}

/*Search Icon Mobile Menu fix*/
button.search-submit {
display: none;
}

[Lydia]

Perfect! Thanks,

[Elvin]

Hi there,

Karsten’s CSS shouldn’t be necessary when you switch from floats to flexbox as long as your CSS cache is cleared after the switch. (I see you’re using autoptimize).

Glad you got it sorted. 🙂

[Lydia]

Ah, good to know. Thank you both.

[Elvin]

No problem. 🙂

[Author]

Posts