Hide mobile-woo-aux-options with custom css

[pinponketo]

Dear swiftideas team,

how can I hide the mobile-woo-aux-options div on top of the shop in order to avoid displaying the shop layout options and number of products. On desktop the display:none; property works great but on mobile it doesn’t.

Particularly on firefox and safari.

I would be glad to receive from you the correct CSS code to add it to my custom CSS.

Thanks in advance

pinponketo

[Rui Guerreiro – SUPPORT]

Hi,

Try to add the code below to your custom css option.

.has-no-sidebar .woo-aux-options-wrap {
     display: none!important;
}

-Rui

[pinponketo]

Hi Rui,

I can still see it on firefox. Perhaps with the page you will be able to find the solution easier 😉 http://bloomagedaydream.com/shop/

Cheers

[Kyle – SUPPORT]

Hi

You’re using woo-aux-options instead of woo-aux-options-wrap

– Kyle

[Rui Guerreiro – SUPPORT]

Add the rule below, if it doesn’t work provide me admin access.

.full-width-shop .mobile-woo-aux-details .shop-layout-opts{
display:none!important;
}

-Rui

[pinponketo]

This reply has been marked as private.

[Kyle – SUPPORT]

I’m not seeing the css in your custom css? http://bloomagedaydream.com/shop/

– Kyle

[pinponketo]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

It’s done, it was because of the Cache plugin.
I also added one more class to the rule.

Check again.
-Rui

[Kyle – SUPPORT]

You should disable your cache plugin whilst you are working on your site, that is likely why you are not seeing the changes

– Kyle

[pinponketo]

Hi Kyle and Rui,

thanks a lot for your help. You fixed in minutes!!!

Sorry for the inconvenience of the cache. I’ll take that into consideration.

best

[Rui Guerreiro – SUPPORT]

No problem. Place a reminder because cache can do those things.
-Rui

[Denis_Rudoy]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

The code is placed in Theme Options-> Custom css

-Rui

[Denis_Rudoy]

This reply has been marked as private.