Display product on product page is not centered (Phone)

  • Resolved nostaljinl

    (@nostaljinl)


    4 years, 3 months ago

    Hello all.

    I have the following problem. My product is not displayed centered on the product page, but is more to the left. This is only the case on the mobile view.

    How can I solve this?

    Thanks for contributing ideas.

    Regards,

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Mirko P.

    (@rainfallnixfig)

    4 years, 3 months ago

    Hi @nostaljinl!

    This can be fixed with some custom CSS. Under Customize > Additional CSS, you can add the following code:

    @media only screen and (max-width: 480px) {
.woo-variation-product-gallery {
width: inherit !important;
}
}
@media only screen and (max-width: 480px) {
.woo-variation-gallery-wrapper .woo-variation-gallery-trigger {
right: 1.8em !important;
}
}

    If you’d like to learn more about CSS, I highly recommend using the free tutorials at w3schools. Here, you can find the basics of selectors (how to target the right element on the page), and properties (how to change the element on the page).

    Hope this helps.

    Thread Starter nostaljinl

    (@nostaljinl)

    4 years, 3 months ago

    Hi Mirko,

    Thank you! It helped! Really this is great.

    I’m going to watch the tutorials! Thanks for the tip.

    Ps. I don’t know if I can ask question after answer. Before I used the CSS, I saw that my website logo does show on an iPhone… and not on a smaller Samsung phone.

    Do you perhaps know a solution for this? I would like every user to see the same layout.

    I’d love to hear from you Mirk Or other users.

    Again thanks a lot!

    Regards,
    NostaljiNL

    • This reply was modified 4 years, 3 months ago by nostaljinl.
    Margaret S. woo-hc

    (@margaretwporg)

    4 years, 3 months ago

    Hi @nostaljinl

    Most welcome! Glad to hear that Mirko’s solution has been of help to you. 🙏

    May I ask you to please open a new topic regarding this issue, as we would like to stick to a single issue per thread. Thanks!

    You can create a new thread here: https://wordpress.org/support/plugin/woocommerce/#new-topic-0

    MayKato

    (@maykato)

    4 years, 3 months ago

    @nostaljinl

    We’ve not heard back from you in a while, so I’m marking this thread as resolved. If you have further questions, please feel free to open a new topic.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Display product on product page is not centered (Phone)’ is closed to new replies.

Tags