Custom css doesn’t work

Hello @simonwernsen,

please provide the Custom CSS you used. Thanks.

Hello!

Thanks for your reaction on my topic. I am sorry for my late reaction…

I tried different Custom CSS for left sidebar on my shop page:

@media (max-width: 768px){
.ast-left-sidebar #content>.ast-container{
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}

I also tried this one:

@media only screen and (max-width: 767px)
{
.global-layout-left-sidebar .inner-wrapper{position: relative;}
.global-layout-left-sidebar #sidebar-primary{position:absolute!important; margin-top:30px;}
.global-layout-left-sidebar #primary{margin-top:590px;}
}

I tried some more but don’t know exactly where I found them.
I hope you can help me out with this.

Kind regards,

Simon

Here are the links I used for custom CSS:

https://wpastra.com/docs/how-to-display-woocommerce-sidebar-on-top-on-mobile/
https://www.ads-software.com/support/topic/move-side-bar-to-top-on-mobiles-shop-page/

Hey, did you manage to solve the problem? If not, pls let me know on what page of the website you were expecting changes and didn’t see any.

Hi!
I did not manage to solve te problem. It’s on the shop page of my website: https://gooischvinyl.nl/shop/

The only problem is if you go to the shop page on your mobile device, the ‘product categories’ and ‘search products’ etc. is on the bottom of the page. I want it to show at the top of the page. Hope you can help me out.

Kind regards,

Simon

Give this one a shot

@media only screen and (max-width: 768px)
{
.content-inner.section.wvc-row > div:first-child {
display: flex;
flex-direction: column-reverse;
}
}

However, make sure you only deploy it on the specific page, otherwise it might make changes on other pages, where you don’t want it.

• This reply was modified 5 years, 8 months ago by Evgeny Viner.

The funniest thing – I was so busy with coming up with a solution for you, that I totally overlooked that you don’t even use our theme ) So please, for the next questions you might have please open a ticket with the theme creators. Best of luck!

I tried your custom css and it worked! Thank you so much for your time! And I am sorry, I don’t really know where to ask my questions. My theme creator won’t help me anymore, because my support of 6 months is over and to extend it, it costs me 50 pound or more…

Anyways thanks for helping me out!