Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • February 11, 2020 at 10:06 pm #1183676
    michelklink

    Hey
    My product images are cut off on my product pages? ( mobile )
    And also the productname font is to big for mobile

    And

    When will there be a swipe function for the lightbox

    #new customer

    • This topic was modified 4 years, 8 months ago by michelklink.
    February 12, 2020 at 10:30 am #1183818
    michelklink
    This reply has been marked as private.
    February 12, 2020 at 1:25 pm #1183849
    Rikard

    Hi,

    Thanks for the update. I’m not sure exactly what you mean by products names though, are you referring to the headers over the 4×2 grid after the first section?

    Best regards,
    Rikard

    February 12, 2020 at 2:59 pm #1183898
    michelklink

    printscreen

    February 14, 2020 at 6:07 am #1184393
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.av-image-caption-overlay-center p {
    word-break: break-all;
}
}

    Best regards,
    Rikard

    February 20, 2020 at 12:00 pm #1186304
    michelklink

    Good morning,

    Can you help me, on the left is how it is now and on the right I would like to see it! have already used multiple codes but don’t get it working!
    image
    ——-
    is there also a way to add a swipe function to the lightbox?

    February 23, 2020 at 3:25 pm #1187110
    michelklink
    This reply has been marked as private.
    February 25, 2020 at 3:33 am #1187524
    Ismael

    Hi,

    Sorry for the delay. You can use the following css code to show the social icons on mobile view and move it to the left of the burger menu.

    @media only screen and (max-width: 767px) {
    .responsive #top #wrap_all #header .social_bookmarks, .responsive #top #wrap_all #main .av-logo-container .social_bookmarks {
	display: block;
	position: absolute;
	left: auto;
	right: 120px;
	width: 120px;
        top: 60px;
    }

    #top .av_header_with_border.av_header_transparency #menu-item-shop.cart_dropdown {
	position: absolute;
	right: 65px;
	top: 3px;
    }
}

    Best regards,
    Ismael

    February 25, 2020 at 10:24 am #1187633
    michelklink

    Hi,

    Not working the logo need more to the left see image

    February 25, 2020 at 10:25 am #1187634
    michelklink

    Logo more to left and menu more to right

    February 25, 2020 at 7:06 pm #1187813
    Victoria

    Hi michelklink,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 479px) {
    .responsive #top #wrap_all .container {
        width: 95%;
        max-width: 100%;
    }
    #menu-item-shop .cart_dropdown_link {
        padding-right: 20px;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    February 26, 2020 at 10:18 am #1188005
    michelklink

    Hi Victoria,

    Thank you!

    February 27, 2020 at 6:58 pm #1188559
    Victoria

    Hi michelklink,

    Glad we could help :)

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

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Wcocommerce product mobile’ is closed to new replies.