Return to previous page

How to hide Search and Cart Icon from small mobile header

This topic has 11 replies, 3 voices, and was last updated 9 years, 11 months ago ago by Robert Hall

Kelly

Participant

December 19, 2014 at 07:34

Hi,

When in mobile devices with width less than 800px, the search and cart icon cover the logo. Could you share with me how to hide the search and cart icon for these devices?

Thank you!

Please, contact administrator
for this information.

#30386 Copied

10 Answers
Robert Hall

Support staff

December 19, 2014 at 08:12
Hello,

Try to add this code into custom.css file.
```
@media only screen and (max-width: 767px){
.navbar-right .navbar-right {
display: none; 
}
}
```
Regards,
Robert Hall.
#30387 Copied
Kelly

Participant

December 19, 2014 at 10:10

Hi,

Thank you for your reply. However, is still not working. Could you help me further?

Thank you!

#30419 Copied

Robert Hall

Support staff

December 19, 2014 at 10:15

Please provide us with wp-admin access in Private Content.

Regards,
Robert Hall.

#30420 Copied

Kelly

Participant

December 19, 2014 at 10:43

Hi, here is my wp login details. Thank you!

Please, contact administrator
for this information.

#30427 Copied

Kelly

Participant

December 19, 2014 at 10:44

here is my login details

Please, contact administrator
for this information.

#30429 Copied

Robert Hall

Support staff

December 19, 2014 at 10:51

Please deactive WP Content Copy Protection plugin and you can see changes.

Regards,
Robert Hall.

#30430 Copied

Kelly

Participant

December 19, 2014 at 11:06

Hi,
I have deactive WP Content Copy Protection plugin, but the search and cart icon still showing up at mobile devices. Please help.
Thank you!

#30432 Copied
Eva Kemp

Support staff

December 19, 2014 at 11:19
Hello,

Please try to use this code:
```
@media (min-width: 768px) {
.navbar-right {
display: none !important;
} }
```
Thank you.
Regards,
Eva Kemp.
#30434 Copied
Kelly

Participant

December 19, 2014 at 11:20

Hi,
Apologise, its working after I do a refresh on my mobile.
how do I do a refresh at backend so that the public users can get the latest version?

#30435 Copied

Robert Hall

Support staff

December 19, 2014 at 11:21

Here is how your site looks: http://prntscr.com/5iisid
Please clear your cache browser.

Regards,
Robert Hall.

#30436 Copied
Viewing 11 results - 1 through 11 (of 11 total)

The issue related to '‘How to hide Search and Cart Icon from small mobile header’' has been successfully resolved, and the topic is now closed for further responses

How to hide Search and Cart Icon from small mobile header

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection