How to remove search icon and action bar in mobile version?

believeid · October 2018

Pablo · October 2018

Hi,

To remove action bar on mobile only, you have to hide it with custom CSS.

If you don't know how to do it, please tell me, I'll make it for you.

Thanks

insurancesystems · October 2018

Hi Pablo,

Could you please provide the CSS custom code, I have the same question for the tablet and mobile view.

Thanks

Pablo · October 2018

insurancesystems

Please send a link to your website.

Thanks

insurancesystems · October 2018

Hi Pablo,

Sorry for my late response, here is my test site: https://webtest.insurancesystems.com/

I actually mixed the terms for "Action bar" and "Action button", the issue I'm having is the layout for screens smaller that 1024px, where "hamburger" menu, the search bar and CTA button are displayed although when clicked on the "hamburger" menu, the search bar and CTA button are displayed again:

http://prntscr.com/lbucjt

I wanted to remove the search bar and CTA button when "hamburger" menu is displayed on tablet screens, like shown on the mobile screens:

http://prntscr.com/lbuffi

Let me know if I can resolve this in settings or with extra css code.

Thanks,

insurancesystems

Pablo · October 2018

Use this code.

Theme Options > Custom CSS & JS > CSS

@media (max-width:1240px){
  #Top_bar .top_bar_right{
    display:none !important;
  }
}

Thanks

insurancesystems · October 2018

Excellent! Worked like a charm! Thanks for the help on this one Pablo.

Thanks,

insurancesystems

How to remove search icon and action bar in mobile version?

Comments