Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 6, 2016 at 11:08 am #628203
    waveshaper

    Hi Kriesi

    In your shop demo of Enfold if i view a full product layout on the following resolutions it looks perfect
    iPAD
    768 x 1024

    iPnone 6
    375 x 667
    667 x 375

    iPhone 6 Plus
    414 x 736
    736 x 414

    Example of Enfold Shop demo full product layout on a mobile device

    However my own shop full product layout looks terrible, text being cut off in half, the variation choice buttons cut off, the additional information tab and reviews cut off, just looks terrible :(

    Enfold theme shop view full product layout broken on mobile and tablet view
    Enfold view full product view broken on tablet and mobile

    I have applied a change though you can see in this thread to move my category menu to the right
    Previous change to shop layout

    Please could you help me make this look better.

    Thank you for your time

    May 10, 2016 at 5:08 am #629591
    Rikard

    Hi indieweb,

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

    @media only screen and (max-width: 767px) {
.single-product-summary {
    width: 100% !important;
}
}

    Best regards,
    Rikard

    May 10, 2016 at 11:37 am #629816
    waveshaper

    Hi Rikard
    Thank you so much for the excellent support.
    That worked beautifully.
    Cheers

    May 11, 2016 at 6:35 am #630437
    Rikard

    Hi,

    Glad we could help :-)

    Regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.