Getting rid of .woocommerce-ordering and .woocommerce-count-wrap on mobile view

[MarieWorks]

Hi,

I have tried to get rid of the the two elements shown in the screen shot (.woocommerce-ordering and .woocommerce-count-wrap) using the example code below:

/*remove showing 24 products and view 24 etc at top of mobile shop pages*/
@media only screen and (max-width: 979px)
.woocommerce-ordering {
display: none !important;
}

However it doesnt seem to working – for either .woocommerce-ordering OR .woocommerce-count-wrap – what am I doing wrong?

Thanks,

Chris

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Try the code below.

@media only screen and (max-width: 979px){
 .woocommerce-shop-page .woocommerce-ordering, .woocommerce-shop-page .woocommerce-count-wrap {
  display: none;
}
}

-Rui

[MarieWorks]

Hi Rui,

Thanks for sending this through – unfortunately no joy,

I also tried adding the !important and still nothing, not sure why?

thanks

Chris

[Kyle – SUPPORT]

Hi

It’s likely you have an error somewhere in your custom css which is causing everything below to not work. Please move the css to the top of your custom css

– Kyle

[MarieWorks]

Thanks Kyle – I have moved it to the top and it now seems to be working.

I hadn’t noticed any of the other excerpts in our custom css not working on the site – so am wondering what the best way to find the error is ?

thanks

Chris

[Kyle – SUPPORT]

You’ll just have to scan through until your find a mistake

– Kyke

[Rui Guerreiro – SUPPORT]

It seems this piece of code, it’s missing 2 closing brackets.

/*hide home instagram on mobile*/
@media only screen and (max-width: 979px) {
.homeinstagram {
display:none;
}

/*shape filter for mobile shop*/
@media only screen and (min-width: 979px) {
.mobileshapetoggle {
display:none!important;
}

replace it by this

/*hide home instagram on mobile*/
@media only screen and (max-width: 979px) {
.homeinstagram {
display:none;
}
}

/*shape filter for mobile shop*/
@media only screen and (min-width: 979px) {
.mobileshapetoggle {
display:none!important;
}
}

-Rui

[MarieWorks]

Amazing – thank you so much Kyle and Rui!

Great support once again!

Best,
C

[Kyle – SUPPORT]

No problem 🙂