Okay
  Public Ticket #1359259
mobile menu
Closed

Comments

  •  6
    Clive Sheppard started the conversation

    Hi Guys

    Thanks a lot for your assistance last month with getting everything set up for a new bookstore.  The client is delighted and we have to say that it is one of the nicest/best/easiest templates that we have used so far ... great work!

    Because the template was so good we ported the bookstore site to modify for our own needs (an IPTV site) and everything is working well.

    We have a couple of small questions regarding the mobile menu (hamburger menu) if it's possible for you to advise?

    1. Is there an easy way (custom CSS?) to change the colour of the 3 line hamburger menu from 3 black lines to 3 white lines?  We think 3 white lines will work better with our colour scheme. :)

    2. In the mobile menu a "Search..." line is visible.  How can we remove this please?  In the desktop site it doesn't show.

    That's all, apart from that everything is just perfect for us.

    Many thanks

    Clive

  •  6
    Clive Sheppard replied

    Hi Again

    I found the answer to number 1 in the discussions area at Themeforest and it works well to add the following to Custom CSS.

    #toggle-menu-svg {
    fill: white !important;
    }

    So just how to make the "Search..." invisible please.

    Many thanks!

    Clive

  • [deleted] replied

    Hi Clive,

    Glad to hear that. I think that you managed to hide the search too because i don't see it on your menu

  •  6
    Clive Sheppard replied

    Hi Ylli

    The search in the mobile menu is still there for both our sites (see attached) - if you're able to tell me how to hide it that would be great! ☺️

    You'll see that the bookstore site is in Romanian (and is working fine).  On the mobile menu however, the shopping cart shows with the word "CART" after the basket symbol.  For the  rest of the site we have changed all references to "Cart" to say "Coș" (romanian for cart) but I can't see where to change it for the mobile menu.  Are you able to help with that too please?

    Many thanks

    Clive

  • [deleted] replied

    Hi Clive,

    1—Sorry for the misunderstanding. Please just add the code below to your Custom CSS area:

    header.mobile-menu .search-site .form-control {
        display: none;
    }

    2— Regarding your further questions, kindly open a new ticket and post your request so it will be helpful for the other users to take advantage of searching them on the forum, and we’re glad to help you in your new thread.

    Will set this ticket as solved from here.

  •  6
    Clive Sheppard replied

    Hi Ylli

    1. Thanks - that's working perfectly.  Much appreciated.

    2. Sure, no problem. :)

    All the best

    Clive

  • [deleted] replied

    Hi Clive,

    Glad to hear that

    Will set this ticket as solved from here.

  •  6
    Clive Sheppard replied

    Hi Ylli

    I did some testing today on an iPad and the Search magnifying glass and some text we have in our top header are still displaying on the mobile menu.  I thought it might just be related to the Safari browser but I installed Google Chrome on the iPad and the issue persisted.

    When I test the mobile menu on my Android device the 'problem' is fixed. :)

    Many thanks

    Clive

  • [deleted] replied

    Hi Clive,

    Please add the code below to your Custom CSS area:

    header.mobile-menu .search-site .mobile-search-button svg {
    display: none !important;
    }

  •  6
    Clive Sheppard replied

    Hi Ylli

    That's it!  Thanks for the code. :)

    All the best

    Clive