-
AuthorPosts
-
January 22, 2019 at 12:55 am #1056947
How can we completely remove the shopping cart & the search bar from the header. We would also like to edit the colors of the mobile menu icon (the 3 lines). Maybe even make the background behind the three lines a solid color so it is easier to see?
Thank you for your help.
SylviaJanuary 22, 2019 at 5:56 am #1057027Hey janton1,
To remove the cart & the search, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:.menu-item.cart_dropdown,#menu-item-search { display: none !important; }
To change the mobile menu 3 lines, try this css:
.header_color .av-hamburger-inner, .header_color .av-hamburger-inner::before, .header_color .av-hamburger-inner::after { background-color: red !important; }
please adjust the color to suit.
To give the mobile menu a background color, add this css:.av-hamburger-box { background-color: white !important; height: 30px !important; }
Best regards,
MikeJanuary 22, 2019 at 8:26 pm #1057426Thank you this is so useful. Can I also put a background behind the bars? Kind of like this image: https://masdinkpickleball.com/wp-content/uploads/2019/01/unnamed.jpg.
Thank you for your help.
January 23, 2019 at 3:05 am #1057543Hi,
Yes, that is what the last bit of code does
https://i.postimg.cc/9M19ykZG/2019-01-22-200325.jpg.av-hamburger-box { background-color: white !important; height: 30px !important; }
please adjust to suit, and clear your browser cache
Best regards,
MikeJanuary 23, 2019 at 7:37 pm #1057911Sorry I tried that and the bars are longer than the background. Please see below.
Thank you for the help.https://masdinkpickleball.com/wp-content/uploads/2019/01/screen.jpg
January 24, 2019 at 2:55 am #1057998Hi,
How about replacing your menu with a icon, I tried to create one for you at icons8.com with this css.av-hamburger::before { content: url(https://i.postimg.cc/YqPp4f4h/icons8-menu-35.png); display: block; padding-top: 15px; } .av-hamburger-inner {display:none!important;}
If you like the idea, take a look at their site, you might find a different one that you like more.Best regards,
Mike -
AuthorPosts
- You must be logged in to reply to this topic.