Return to previous page

Code for Single Column Store - by rwlee33

This topic has 12 replies, 4 voices, and was last updated 8 years, 10 months ago ago by Robert Hall

rwlee33

Participant

June 22, 2015 at 14:07

Hi,

Where is the code for the response shop page where it changes from 2 column to single column? I’d like to change the settings to it only reduced to single column for a narrower width (or none at all).

Thanks!

#70754 Copied

11 Answers

Robert Hall

Support staff

June 22, 2015 at 14:25

Hello,

This question is a bit unclear for us. Could you please clarify us with more details?
Maybe provide screenshot for our better understanding and highlight what exactly you want.

Regards,
Robert Hall.

#70760 Copied

rwlee33

Participant

June 22, 2015 at 14:29

Yes, when the phone is in landscape, there are 2 product columns in the store. When it’s in portrait, there is only one. I’d like to to remain 2 columns.

#70764 Copied
Robert Hall

Support staff

June 22, 2015 at 14:32
Hello,

Please add this code in custom.css file
```
@media (max-width: 479px){
.products-grid.product-count-4 .product:nth-child(n) {
  width: 50%;
}}
```
Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

Regards,
Robert Hall.
#70766 Copied
rwlee33

Participant

June 22, 2015 at 21:28

Thanks. I’ll add it in and let you know how it goes.

#70883 Copied

Eva Kemp

Support staff

June 22, 2015 at 21:36

Hello,

You’re welcome.

Regards,
Eva Kemp.

#70890 Copied

rwlee33

Participant

June 22, 2015 at 22:07

Thanks, one last thing to fix it up.

I have a filter dropdown and page number at the top. In landscape mode, it’s perfect.

In portrait, everything gets centered. All the filter categories and options.

What I’d like, is not just to have the shop page have 2 columns at a smaller width, but act exactly like the landscape mode with the wider width.

Can you help?

Thanks!

You can see it here:
http://www.rwlee33.staging.wpengine.com/shop

#70896 Copied

rwlee33

Participant

June 22, 2015 at 22:09

Basically, I’d like things right aligned in the portrait mode, not centered.

#70897 Copied

Stan Russell

Participant

June 23, 2015 at 07:57

Hello,

we can not reach your site at the moment: http://www.rwlee33.staging.wpengine.com/shop
Please check.

Regards,
Stan Russell.

#70934 Copied

rwlee33

Participant

June 23, 2015 at 08:28

sorry, no www

http://rwlee33.staging.wpengine.com/shop/

#70946 Copied

rwlee33

Participant

June 23, 2015 at 08:29

Also, I’m working things out in custom CSS. Don’t worry for now.

#70947 Copied

Robert Hall

Support staff

June 23, 2015 at 08:54

Hello,

Ok, if you have any questions please feel free to contact us.

Regards,
Robert Hall.

#70952 Copied
Tagged: best selling, code, persuasive, seo friendly, single column store, woocommerce themes
Viewing 12 results - 1 through 12 (of 12 total)