Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • April 23, 2017 at 5:51 pm #781994
    mveneziane

    Hello Kriesi Team,

    Website: http://www.meccanicheveneziane.it

    I have some troubles with the mobile version. The logo is partially covered by the manu and the cart, most descriptions on the sliders are not fully visible.

    How should I fix these issues?

    Best regards,
    Alberto

    April 23, 2017 at 6:39 pm #782001
    Mike

    Hey mveneziane,
    From what I see your mobile issues is with the “tablet” size, so I wrote the css below to use the mobile menu of the phone, adjust the social icons placement, and change the direction and width of the slider text. Hope it helps :)
    Try this code in the General Styling > Quick CSS field:

    @media only screen and (max-width: 988px) {
.main_menu .avia-menu, #header_main_alternate, .fallback_menu{display:none;}
.container #advanced_menu_toggle, #advanced_menu_hide{display:block;}
.responsive.html_mobile_menu_tablet.html_logo_right #advanced_menu_toggle{left:auto;}
#header_main nav .social_bookmarks {left: -90%!important;}
.responsive #top .slideshow_caption {
    left: 0!important; 
    width: 80%!important; 
    padding: 10%!important; 
}

    Please clear your cache :)
    postimage

    Best regards,
    Mike

    April 26, 2017 at 4:52 am #783219
    mveneziane

    Hi Mike,

    thanks very much for your fast reply.
    I used your code, the website looks fine on the tablet, but there are now some issues with the laptop version.
    Please note that there are still issues with the mobile version (problems with the text in the sliders, and the cart button partially covers the header logo)

    Please let me know what to do :)

    thanks very much
    Alberto

    April 26, 2017 at 6:14 am #783244
    Nikko

    Hi Alberto,

    Try to go to Enfold > Header > Mobile Menu (tab) > find Header Mobile Menu activation and set it to Activate for Smartphones and Tablets (browser width below 990px). Let us know if this helps :)

    Best regards,
    Nikko

    April 26, 2017 at 2:16 pm #783482
    mveneziane

    Hi Nikko,

    thanks very much for your help, now the menu is working well. Laptop/Tablet/Small Tablet menu is now perfect.
    There is still something to fix. I attach some pictures as reference, here are the link to view the images:

    https://ibb.co/noDuO5
    https://ibb.co/gYP135
    https://ibb.co/ffyTi5
    https://ibb.co/dPa8i5
    https://ibb.co/kysXAk
    https://ibb.co/nQF8i5

    As you can see, when using the mobile, there is the Woocommerce cart button which partially covers our company logo.
    How can I make sure the logo fits well with this botton? (In case it’s not possible, how to disable to button in the mobile version?)

    best regards :)

    Alberto

    April 26, 2017 at 2:37 pm #783503
    Designweb

    Hello Alberto,

    if you want to don’t cover logo from cart button on mobile. You can make logo a little smaller, change the width.

    @media only screen and (max-width: 450px) {
strong.logo img {
       width: 75%!important;
}
}

    Thank you

    April 26, 2017 at 6:14 pm #783641
    mveneziane

    Hi Designweb,

    thanks very much, the problem has been solved.

    There is another thing that seems not work on the new Enfold theme.
    When I open the product pictures in the single product pages, the images are opened in another window. There is no lightbox as there is on image galleries. How to fix?
    Example page: http://www.meccanicheveneziane.it/product/redentore-ghiaccio/

    Thanks everybody for the help, I really appreciate that

    cheers
    Alberto

    April 29, 2017 at 2:53 pm #784972
    Victoria

    Hi Alberto,

    Please check this setting in your theme options.

    If you need further assistance please let us know.
    Best regards,
    Victoria

    April 29, 2017 at 3:06 pm #784974
    mveneziane

    Hi Victoria,

    the Lightbox Modal Window option was already active. However, there is no lightbox in the single product page.
    How can I fix?

    Thanks for your help
    Alberto

    April 29, 2017 at 4:16 pm #784997
    Mike

    Hi,
    Can you please include a admin login in the private content area so we can take a closer look.

    Best regards,
    Mike

    April 29, 2017 at 4:36 pm #785004
    mveneziane

    Hi Mike,

    sure

    Best regards
    Alberto

    April 29, 2017 at 6:01 pm #785056
    Mike

    Hi,
    OK what I think has happen is that you have Enfold 4.0.5 which has been fixed to work with WooCommerce 3.0, but you are using WooCommerce Version 2.6.14
    Please update WooCommerce, but make sure to backup your full site!
    I recommend https://wordpress.org/plugins/duplicator/

    Best regards,
    Mike

    April 29, 2017 at 6:05 pm #785058
    mveneziane

    Hi Mike,

    I already tried to update Woocommerce to the latest version, however the problem wasn’t fixed. Furthermore, the single product image was unclear,

    cheers
    Alberto

    April 29, 2017 at 6:46 pm #785071
    Mike

    Hi,
    I recommend updating again, this post has helped many with the blurry image issue: https://kriesi.at/support/topic/woocommerce-3-0-03-0-1-and-the-images-issue/
    then we can address the lightbox issue, otherwise I’m not sure how we can resolve the conflict of the out of date Woocommerce.
    Perhaps the Woocommerce lightbox plugin?

    Best regards,
    Mike

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