WooCommerce shortcodes

  • Resolved nzlotrfan

    (@nzlotrfan)


    4 years, 6 months ago

    I notice on my homepage when the browser width is reduced so that it kicks into tablet view, that the product displayed on the homepage suddenly shrinks badly.

    Is this a Blocksy, Elementor, or WooCommerce question? I’m not sure.

    Thanks ??

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

Viewing 12 replies - 1 through 12 (of 12 total)
  • Theme Author creativethemeshq

    (@creativethemeshq)

    Hello @nzlotrfan, what do you mean by “shrinks badly”?
    As I can see everything is fine…
    Could you provide a screenshot or a video of the problem you are seeing?

    Cheers.

    Thread Starter nzlotrfan

    (@nzlotrfan)

    Hi Creative, sure thing here’s a pic: https://pasteboard.co/JoijiFH.png

    It’s only in tablet mode though that it happens. Where suddenly the woocommerce product only displays in half the column. I feel like I’ve looked through every setting but cannot seem to a relevant setting. In desktop view it displays properly.

    Theme Author creativethemeshq

    (@creativethemeshq)

    Hello @nzlotrfan,
    Well this actually doesn’t have nothing to do with the theme, as I can see this section is built with Elementor…

    You have two columns, first one has a width of 77.671% and the second one that contains your product card has only 22.276% – it’s normal that it shrinks like this because the second columns doesn’t have enough space…

    I would suggest you to change the column width from Elementor when it’s in tablet view and everything will be fine ??

    Thread Starter nzlotrfan

    (@nzlotrfan)

    Ok thanks for your assistance ?? ??

    Theme Author creativethemeshq

    (@creativethemeshq)

    @nzlotrfan you’re welcome ??

    Thread Starter nzlotrfan

    (@nzlotrfan)

    Hi again,

    I ended up trying to make the columns wider, I feel like I have looked at every possible setting. However, nothing seems to work. Even if I make the column 60% width, the product just remains super skinny. Yet in mobile and desktop it is fine. There seems to be something wrong with tablet view and this. Do you have any more ideas by chance? Thanks

    Theme Author creativethemeshq

    (@creativethemeshq)

    Hello @nzlotrfan,
    Could you please share your website url?

    Thread Starter nzlotrfan

    (@nzlotrfan)

    Sure it’s https://fs.brandfarm.co.nz

    Theme Author creativethemeshq

    (@creativethemeshq)

    Hey @nzlotrfan,
    You should configure this from Elementor, simply make one of your columns to be 60% and the second one 40%, please see this video.

    Here is how you can make this from Elementor.

    Hope this helps ??

    Thread Starter nzlotrfan

    (@nzlotrfan)

    I’ve tried that before unfortunately. I almost want to go as far to say that there’s an error with something somewhere with tablet mode. Here’s a screenvideo, does this help to clarify? The column width seems to be wide enough. https://streamable.com/bhnb5p

    Theme Author creativethemeshq

    (@creativethemeshq)

    Hey @nzlotrfan,
    So if you want to make the second column on tablet to be larger then first you have to make the first column smaller so both columns could fit in the same row.

    Hope this helps.

    Thread Starter nzlotrfan

    (@nzlotrfan)

    Hi again,

    Still the same (please see this video instead: https://streamable.com/h6o4kx)

    PS thanks for bearing with

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘WooCommerce shortcodes’ is closed to new replies.