- This topic has 13 replies, 2 voices, and was last updated 1 year, 8 months ago by
Leo.
-
AuthorPosts
-
May 12, 2019 at 9:30 am #897110
José
Hello, I am trying to adjust the space of the related products in the mobile view, I would like the space between them to be smaller. I found a grid screen that regulates this: grid-gap:15px
.wc-columns-container .products,.woocommerce .related ul.products,.woocommerce .up-sells ul.products{display:-ms-grid;display:grid;grid-gap:50px;width:100%}
you could help me apply this only for the mobile version ….
Thank you
May 12, 2019 at 10:49 am #897146Leo
StaffCustomer SupportHi there,
You can try using
@media
to apply it only to mobile:
https://docs.generatepress.com/article/responsive-display/#responsive-breakpointsLet me know if this helps 🙂
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/May 12, 2019 at 1:10 pm #897236José
Hello Leo, thanks for your help, look at it I tried it in several ways, this is the last one but it does not work …
@media (max-width: 768px) { .woocommerce .related ul.products {display:-ms-grid;display:grid;grid-gap:15px} }
May 12, 2019 at 1:23 pm #897241Leo
StaffCustomer SupportCan you link me to the site in question?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/May 12, 2019 at 1:31 pm #897247José
OK, sent
May 12, 2019 at 1:33 pm #897249Leo
StaffCustomer SupportCan you clear and disable the caching plugin first?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/May 12, 2019 at 1:54 pm #897253José
the staging environment has caching disabled.
I do not have the option to disable it.May 12, 2019 at 2:09 pm #897261Leo
StaffCustomer SupportHmm are you sure about that? That would be inconvenient for sure.
Give this CSS a shot:
.woocommerce .related ul.products, .woocommerce .up-sells ul.products { grid-gap: 20px; }
Adding CSS: https://docs.generatepress.com/article/adding-css/
Make sure to clear your cache.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/May 12, 2019 at 2:29 pm #897272José
This was answered by Kinsta support:
The Kinsta cache can not be skipped in the active site. In the staging, it was always diverted. If you need to test a particular page, you can attach it to the query string at the end of the URL to skip the cache. For example …
yourdomain.com/pagehere/?nocacheI added the css, but it keeps marking me error
May 12, 2019 at 2:31 pm #897274Leo
StaffCustomer SupportJust a warning. I tested the code and it should work.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/May 12, 2019 at 2:48 pm #897279José
Yes, if it works, I thought that if you mark a warning, it could not be added …
May 12, 2019 at 2:50 pm #897282Leo
StaffCustomer SupportNope warnings are just warnings. I think WordPress needs to update Additional CSS that’s all.
Looks like it’s working?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/May 12, 2019 at 2:55 pm #897283José
Ok, I understand … if it works.
Thank you
May 12, 2019 at 3:08 pm #897296Leo
StaffCustomer SupportNo problem 🙂
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.