Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #730074

    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!

    #730209

    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

    #730215

    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!

    #730591

    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

    #735064

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

    #735178

    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

    #735183

    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

    #735661

    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

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.