Remove Search button / icon on mobile

aziziorama · January 2017

Hi, may I know how I can remove Search button / icon at on mobile / tab version?

You may visit the the website www.azura-azwa.com

Albert · January 2017

Hi,

to remove search on mobile only, you need to use the following css:

@media only screen and (max-width: 767px) {
    #Header .top_bar_right { display: none !important; }
}

aziziorama · February 2017

My Action Button - SHOP went missing while on table / mobile version. May I know how to enable it?

Thank you.

Albert · February 2017

Above css removes it. So if you don't want to remove this button on mobile as well, please use the following css instead:

@media only screen and (max-width: 767px) {
    #Top_bar a#search_button { display: none !important; }
}

aziziorama · February 2017

I replaced the second css you provided, but I the action button still don't appear on mobile.

Albert · February 2017

You use Mobile Header Mini style and we did not reserved an option to display action button along with this header type as it looks terrible. However, if you don't care, use below css:

.mobile-header-mini #Top_bar a.button.action_button { display: block !important; }

aziziorama · February 2017

Great! I have changed the logo to the left side. Now the button looks good and works like a champ. Thanks a lot Muffin team!

Albert · February 2017

You are welcome!

Remove Search button / icon on mobile

Comments