Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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 better

    Thanks for your help so far,

    melanie

    #1329686

    Hey 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,
    Ismael

    #1329832
    This reply has been marked as private.
    #1330171

    Hi Melanie,

    Please add following code to bottom of Quick CSS field as well

    .responsive .logo img {
        max-height: 160px;
    }

    Best regards,
    Yigit

    #1330265
    This reply has been marked as private.
    #1330336

    Hi Melanie,

    Please try using the code as following instead

    @media only screen and (max-width: 767px) { 
    .responsive .logo img {
        max-height: 160px;
    }}

    Best regards,
    Yigit

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.