Return to previous page

Hide Shop nav on iPhone Mobile - by masseyn

This topic has 2 replies, 2 voices, and was last updated 5 years, 12 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

Organic Store 02 – WordPress WooCommerce Theme

lazy-placeholder

Electronic Mega Market – WordPress WooCommerce Theme

lazy-placeholder

Carwash – WordPress WooCommerce Theme

lazy-placeholder

Medical – WordPress WooCommerce Theme

lazy-placeholder

Eco Scooter Store – WordPress WooCommerce Theme

lazy-placeholder

Marseille04 – WordPress WooCommerce Theme

lazy-placeholder

Sidebar Boxed Store – WooCommerce Theme

lazy-placeholder

Furniture Store 02 – WordPress WooCommerce Theme

lazy-placeholder

Organic Store 01 – WordPress WooCommerce Theme

lazy-placeholder

Kids 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.