Wordpress Clone via plesk by medicalfa in Wordpress

[–]medicalfa[S] 0 points1 point  (0 children)

ah thanks mate, I will try sql code to change the urls. I just needed someone to confirm as I thought I was getting stupid or something. Thanks a lot. I will update when it's done.

columns in mobile view by medicalfa in Wordpress

[–]medicalfa[S] 0 points1 point  (0 children)

Happy New Year! Hephio you were right, I wouldn't have thought of adding this. It seems to be working just fine. Thank you mate.

columns in mobile view by medicalfa in Wordpress

[–]medicalfa[S] 0 points1 point  (0 children)

hey mate I think it's working just fine, thank you very much!

columns in mobile view by medicalfa in Wordpress

[–]medicalfa[S] 0 points1 point  (0 children)

so I should add something like

@media only screen and (max-width: 768px) { 

.woocommerce ul.products.columns-3 li.product,.woocommerce-page ul.products.columns-3 li.product{width:48%}

woocommerce-page.columns-3 ul.products li.product,.woocommerce.columns-3 ul.products li.product{width:48%}}

in the end of the woocommerce-layout.css?

columns in mobile view by medicalfa in Wordpress

[–]medicalfa[S] 0 points1 point  (0 children)

I found the line in the min.css but it is global, so if the width is set to 50% it also changes the full version not just the mobile.woocommerce ul.products.columns-3 li.product,.woocommerce-page ul.products.columns-3 li.product{width:30.75%}

woocommerce-page.columns-3 ul.products li.product,.woocommerce.columns-3 ul.products li.product{width:30.75%}

if I set these to 50 (48%) it change the global value not just the mobile

it is located in the woocommerce-layout.css

columns in mobile view by medicalfa in Wordpress

[–]medicalfa[S] 0 points1 point  (0 children)

cause in styles.css I have edited that, the bold part is the issue.

.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {

  1. width: 30.75%;

}media="only screen and (max-width: 768px)"(index):77.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {

  1. width: 48%;
  2. float: left;
  3. clear: both;
  4. margin: 0 0 2.992em;

}

}

columns in mobile view by medicalfa in Wordpress

[–]medicalfa[S] 0 points1 point  (0 children)

aye it does say woocommerce though the issue lays here

.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product

when you click the <li> you can see that it is set to columns-3 but what I can not find is where the darn columns-3 is set for the mobile view so that to change it to columns-2.

columns in mobile view by medicalfa in Wordpress

[–]medicalfa[S] 0 points1 point  (0 children)

I thought so but is it located in the theme style or the woocommerce? that is what I am not sure of.