Align Products, Buttons and Text - by TheOne

This topic has 3 replies, 2 voices, and was last updated 6 years, 6 months ago ago by Rose Tyler

  • Avatar: TheOne
    TheOne
    Participant
    May 27, 2018 at 01:44

    Hello,

    I was advised to post my problem here in the forum.

    I can’t seem to allign products on mobile view (and when you resize the window on desktop).
    I did select “Title chars limit” so the text is alligned on mobile, and eventually the products but is this the only solution ? Can’t it show full product name ?

    I inputed costum size in costumizer and regenerated thumbnails.

    While it’s showing alright on mobile (except not showing full product name), the pictures on desktop are still too big and text not alligned (when you resize to the max).

    I did read the topic here:
    https://www.8theme.com/topic/align-products-perfectly/

    Do i really have to put the pictures in the same size when i upload them?

    Could you please take a look ?

    Please, contact administrator
    for this information.
    2 Answers
    Avatar: TheOne
    TheOne
    Participant
    May 27, 2018 at 01:50

    Edit: I didn’t notice but when i used “title chars” it also affected the desktop vesrion so this is no longer usefull. So i am still on stage one…

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 29, 2018 at 12:18

    Hello,

    Sorry for the delay due to the weekends.
    We recommend to use a graphics editor and prepare product images (make them the same size) before uploading it to your media gallery.
    Please delete this code http://prntscr.com/jo0lvk from custom css and add this one:

    .content-product .product-title a {
        min-height: 3.3em;
    }

    in Theme Options > Styling > Custom css > Custom css for mobile.
    Feel free to ask if you have any other questions.

    Regards

  • Viewing 3 results - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.