Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 5, 2017 at 9:12 pm #730074
    Tflores87

    Hi guys, hope you all had a great Holiday break and a great New Year! :D Welcome back to the forum/support :D

    I am about to launch my Shop and had a question about media queries for Tablets.

    When browsing on a Tablet Device, I noticed that the Media Query version I am seeing is this (elements seem squished together):
    https://kingsdesigns.com/wp-content/uploads/2016/12/Squisshed.jpg

    And was wondering how to trigger the “Mobile” Media Query version so that it would look like this:
    https://kingsdesigns.com/wp-content/uploads/2016/12/Not-Squisshed.jpg

    Please let me know when you guys get the chance!

    January 6, 2017 at 7:26 am #730209
    Rikard

    Hey Tflores87,

    Thanks for the screenshots. Could you post a link to the page in question as well so that we can take a closer look please?

    Best regards,
    Rikard

    January 6, 2017 at 7:39 am #730215
    Tflores87

    Certainly, you can view this on https://kingsdesigns.com/product/upper-navua-river/ (all of my products have the same layout, so feel free to review any product). Thank you, Rikard!

    January 7, 2017 at 5:36 am #730591
    Rikard

    Hi,

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

    @media only screen and (max-width: 1024px) {
.responsive .single-product-main-image {
    width: 100% !important;
    margin: 0 30px 0 0 !important;
}
.responsive .single-product-summary {
    clear: both !important;
}
}

    Best regards,
    Rikard

    January 18, 2017 at 1:43 am #735064
    Tflores87

    Hi Rikard, thank you for getting back to me on this! I tried the css and it seems to enlarge the image (https://kingsdesigns.com/wp-content/uploads/2017/01/Screen-Shot-2017-01-17-at-5.36.20-PM.png. Is there a media query to trigger the mobile versions for tablets?

    January 18, 2017 at 8:11 am #735178
    Rikard

    Hi,

    Not really unfortunately, you would have to change a lot of CSS. It looks like you removed the CSS again? We need to inspect the elements if you want to make adjustments to the code I sent.

    Best regards,
    Rikard

    January 18, 2017 at 8:27 am #735183
    Tflores87

    Hi Rikard,

    The CSS is still in there, let me know if you see it :D I’d be more than willing to change any amount of CSS :D

    January 19, 2017 at 4:52 am #735661
    Rikard

    Hi,

    Sorry, it’s still there. Though I’m not sure what you mean by it enlarging the image? It looks nice to me :-)

    Best regards,
    Rikard

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