The homepage looks in PC is different from the mobile?

  • yangqu

    (@yangqu)


    6 years, 6 months ago

    Hi,
    My homepage contains a post gird which looks perfect in pc. But when viewing in mobile, the text box is wider than the image. How to solve it?

    Thank you!

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • stefsternyc

    (@stefsternyc)

    6 years, 6 months ago

    that’s because your site is in a responsive framework and your using bad image practice. Your images need to all be the exact same size. If vertical, then best to make all of them vertical. If square make them all square. You cannot use vertical and square and hope to achieve a nice design.

    • This reply was modified 6 years, 6 months ago by stefsternyc.
    Thread Starter yangqu

    (@yangqu)

    6 years, 6 months ago

    Any solution to adjust the right look in mobile?

    Thank you!

    stefsternyc

    (@stefsternyc)

    6 years, 6 months ago

    Your site is fine in both, you just have different images. Fix those and you’ll be all set. This appears to be the average dim for all your photos.

    Average Size

    You have your settings at 210×300 so your images are getting cropped badly. Go into Appearance > Customize > Woocommerce > Product Images and send me a screenshot of your settings there.

    It’ll look like this.

    View post on imgur.com

    stefsternyc

    (@stefsternyc)

    6 years, 6 months ago

    I see another thing I would turn off too, it may ruin desktop but I would comment out line 5 or 6

    .entry-content>:last-child {
  /* margin-left: 30px; */
}

    There’s no need for that.

    Thread Starter yangqu

    (@yangqu)

    6 years, 6 months ago

    Thank you!

    I am not using Woocommerce, I am using “the post grid” plugin. In the layout setting, I selected “large image size:1024*1024”.

    I removed the line 5 or 6 mentioned in your last reply. And still the same in the mobile view.

    What is the right image size I should apply?

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘The homepage looks in PC is different from the mobile?’ is closed to new replies.