Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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.
    Sylvia

    #1057027

    Hey 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,
    Mike

    #1057426

    Thank 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.

    #1057543

    Hi,
    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,
    Mike

    #1057911

    Sorry 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

    #1057998

    Hi,
    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;}

    2019-01-23-194833
    If you like the idea, take a look at their site, you might find a different one that you like more.

    Best regards,
    Mike

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