Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • January 22, 2016 at 5:54 pm #570247
    sdesign-web

    hello all,

    when i look at Price list or Product list display on standard vertical smartphone the price get over the product name ( see screenshot below ).

    is there a way to fix it and make price going under ?

    kind regards

    Stanislas

    January 23, 2016 at 3:55 am #570433
    Elliott

    Hey sdesign-web!

    Try adding this to your custom CSS.

    @media screen and (max-width: 767px) {
.av-catalogue-price {
    position: relative !important;
}
}

    Regards,
    Elliott

    January 29, 2016 at 12:15 pm #574443
    sdesign-web

    hi Elliot,

    i try but nothing change in the list.

    I have noticed also that i have the same problem for other elements : when displaying on vertical standard smartphone ( ex : iphone 5 ) the elements on the layout don’t go the one under the other and so it doesn’t look nice and functionnly.

    see below 2 exemples :

    http://img15.hostingpics.net/pics/353993IMG3097.png

    http://img15.hostingpics.net/pics/163847IMG3098.png

    Thank you in advance for your help, i would like to fix this problem on all my enfold site

    stanilslas

    January 31, 2016 at 7:15 am #575179
    Ismael

    Hi!

    Please try this in order to change the layout of the catalogue element:

    @media screen and (max-width: 767px) {
.av-catalogue-image {
    margin: 0 auto;
    display: block;
}
.av-catalogue-price {
    position: relative;
}

.av-catalogue-title-container {
    text-align: center;
}

.av-catalogue-title {
    padding-right: 0;
}

.av-catalogue-content {
    text-align: center;
    padding: 0;
}
}

    Regarding the column layout issue, make sure that all elements including the columns are inside a color section.

    Cheers!
    Ismael

    February 1, 2016 at 11:36 am #575679
    sdesign-web

    Hi Ismael !

    Thank you very much, it works fine for product liste and catalogue !

    Does it matter if i enter a line feed between the different quick css code i have ( anyway i saw it work with both, just for my futur personnal information )
    http://img15.hostingpics.net/pics/393478Capturedecran20160201a102722.png

    For the column layout, i put the 2 columns in one color section but it remains the same : it doesn’t go the one below the other on small vertical screen : http://img15.hostingpics.net/pics/758165Capturedecran20160201a102847.png

    best regards

    Stan

    February 2, 2016 at 9:18 pm #576699
    Vinay

    Hi!

    If your setup looks similar to the image below it should work fine. Please send us the link to your site and admin login details in private content so we can take a closer look.

    Best regards,
    Vinay

    February 3, 2016 at 10:17 am #577003
    sdesign-web

    Hi Vinay !

    yes it is the same setup.

    Please find in private the détail to access to my site.

    Thank you in advance for your support !

    Stan

    February 5, 2016 at 10:10 am #578393
    Vinay

    Hey!

    We are working on your ticket please wait. We will update the result here soon.

    The responsive col seem to work fine please check the link in private

    Best regards,
    Vinay Kashyap

    • This reply was modified 8 years, 10 months ago by Vinay.
    June 13, 2016 at 6:07 pm #647571
    sdesign-web

    hello all,

    i still have a problem with the display on vertical device of the 2 or 3 colums in color section : what is crazy is that the problem happens only on specific pages : if i do the same on a new page – as you did before – it works well and the columns go below one another on vertical short display ( as smartphone ).

    Could you please take a look because i’ve tried everything and i don’t understand why

    Thank you in advance

    Stanislas

    June 16, 2016 at 4:23 am #648953
    Ismael

    Hi,

    Some of the sections are outside the wrap_all container that’s why it is not responsive. Make sure that all elements are inside a color section.

    Best regards,
    Ismael

    June 16, 2016 at 5:47 pm #649333
    sdesign-web

    thank you Ismael, it works now !

    I didn’t understand that you can not mix columns in color section and just 1,2,3 simple columns.

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Responsive display problem with price list and product list’ is closed to new replies.