Disable top bar from tablets

I want to refer to one topic that I’ve created TOP BAR MOBILE RESPONSIVENESS PROBLEM… Basically, I would need to set up top bar on mobiles and desktop computers but to disable it on tablets. How can I achieve that? Thank you.

Also, how can I center that top menu on mobiles (not on desktop – on desktop it can be like it is).

Hello,

You can add the following code snippet to the Custom CSS for tablets only in Theme Settings to hide it

.topbar-wrapp {
	display:none;
}

Do you want to hide the text on mobile devices and show the menu there?

Regards

Yes that will do it. Thanks.

Do you have any additional questions regarding this topic?

I’ve a question how to remove display of number of products from categories? I just want title to be displayed? Check my homepage categories.

Try to add the following code snippet to the Custom CSS area in Theme Settings to do this

.category-grid-item .more-products {
	display: none;
}

Thank you.

[Author]

Posts