Return to previous page

Hide Shop nav on iPhone Mobile - by masseyn

This topic has 2 replies, 2 voices, and was last updated 6 years, 1 months ago ago by Rose Tyler

masseyn

Participant

November 19, 2018 at 02:54

Hi,

I am trying to hide the shop navbar on tthe left hand side when viewing on a mobile.

I searched on the web and added:

@media (max-width: 768px) {
.woocommerce .sidebar {
display: none;
}
}

This appeared to work but that was on a browser test as a mobile. Looking on my iphone it is still there and forces the products to show below it so a bit of a scroll on mobile !?

Please help….

Please, contact administrator
for this information.

#204105 Copied Theme version: 4.5.1 child 1.0 WooCommerce version: 3.5.1

1 Answer

Rose Tyler

Support staff

November 19, 2018 at 11:14

Hello,

The code should work fine on all devices up to 768px screen width. Try to clear cache in the mobile browser and check one more time.
Or you can delete the custom code and use “Sidebar by click on mobile” (Theme Options > Products Page Layout). Also, “Sidebar position for responsive layout” can be changed via Theme Options.

Regards

#204137 Copied
Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Carwash – WordPress WooCommerce Theme

lazy-placeholder

Furniture Store 02 – WordPress WooCommerce Theme

lazy-placeholder

Home Decor 02 Store – WordPress WooCommerce Theme

lazy-placeholder

Minimalist Outfits – WordPress WooCommerce Theme

lazy-placeholder

Gym Store – WordPress WooCommerce Theme

lazy-placeholder

Sidebar Boxed Store – WooCommerce Theme

lazy-placeholder

Electronics Store – WordPress WooCommerce Theme

lazy-placeholder

Cocktails Store – WordPress WooCommerce Theme

lazy-placeholder

Landing Watch – WordPress WooCommerce Theme

lazy-placeholder

Animals Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.