-
AuthorPosts
-
November 18, 2021 at 12:39 pm #1329496
Hi enfold-team,
I´m using woocommerce for my clients new shop.
I have some things, needing your help:
1. The logo in mobile view is to small, how can I change the size (double or more)
2. I don´t know how to change the size of the thumbnail size for products on shop page – changing it in media settings, doesn´t help unfortunately
3. I´d like to show 2 products in one row in mobile view, how can I change this?
4. Loading time, since I startet working with woocommerce page loading is very bad (5 – 8 sec). I´m already using image optimizer plugin but it doesn´t became betterThanks for your help so far,
melanie
November 19, 2021 at 2:00 pm #1329686Hey melanie_erfrischt,
Thank you for the inquiry.
1.) You may need to adjust the height of the header on mobile view in order to increase the size of the logo. Please try to use this css code.
@media only screen and (max-width: 767px) { .responsive #top #header_main > .container .main_menu .av-main-nav > li > a, .responsive #top #wrap_all .av-logo-container { height: 160px; line-height: 160px; } .responsive #top .logo, .responsive .logo img, .responsive .logo svg, .responsive #top #wrap_all .main_menu { height: 160px !important; } }
2.) The size of the thumbnails can be adjusted in the Appearance > Customize > Woocommerce > Product Images panel. You can also use a filter to adjust the default product image size. Please check the following documentation.
// https://woocommerce.com/document/image-sizes-theme-developers/?quid=8cf885fd38c8c30cc929ffa354f88a0f
If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.
Thanks!
Best regards,
IsmaelNovember 21, 2021 at 10:34 am #1329832This reply has been marked as private.November 23, 2021 at 6:25 pm #1330171Hi Melanie,
Please add following code to bottom of Quick CSS field as well
.responsive .logo img { max-height: 160px; }
Best regards,
YigitNovember 24, 2021 at 9:31 am #1330265This reply has been marked as private.November 24, 2021 at 4:26 pm #1330336 -
AuthorPosts
- You must be logged in to reply to this topic.