Post by megagrocery » Tue Nov 21, 2023 6:26 am

Hi everyone,
I have recently changed my theme on my website https://OzGalore.au/ and tried to put two large category photos side by side in each row, where these photos appear stacked up in mobile view. https://ozgalore.au/home-page/, however the images are split in mobile view.
I tried to put them in a row block then a stack block and vice versa to no avail.
It tried to widen the screen view with its contents, it didn't help either.
What I want is to show this row of two images to look individually (one image stack over the other) in mobile view instead of the two split images that I got now.
Even though this is wordpress website, but I am desparately in need of help and anything useful is much appreciated.
Thank you so much in advance.

Regards,

Amin
https://ozgalore.au/


Newbie

Posts

Joined
Mon Jun 20, 2016 7:31 pm


Post by xxvirusxx » Tue Nov 21, 2023 7:41 am

Use Elementor
megagrocery wrote:
Tue Nov 21, 2023 6:26 am
but I am desparately in need of help and anything useful is much appreciated.
Or pay a developer

Upgrade Service | OC 2.3.0.2 PHP 8 | My Custom OC 3.0.3.8 | Buy me a beer


User avatar
Expert Member

Posts

Joined
Tue Jul 17, 2012 10:35 pm
Location - România

Post by SohBH » Tue Nov 21, 2023 5:16 pm

First, you apply this style to ul

Code: Select all

display: grid;
grid-template-columns: repeat(12, 1fr);
column-gap: clamp(1rem, 2.5vw, 1.25rem);
row-gap: clamp(1.75rem, 2.5vw, 2.5rem);
Then, you apply this style to each li

Code: Select all

list-style: none;
width: 100%;
display: flex;
grid-column: span 6;
flex-direction: column;
align-items: flex-start;

Business Web Development | Content Creation | Analytics and Reporting | SEO


User avatar
Active Member

Posts

Joined
Mon Nov 02, 2020 12:01 am
Location - Malaysia

Post by JNeuhoff » Tue Nov 21, 2023 5:18 pm

It looks like yours is a wordpress site, hence you should post on the wordpress support forum.

Export/Import Tool * SpamBot Buster * Unused Images Manager * Instant Option Price Calculator * Number Option * Google Tag Manager * Survey Plus * OpenTwig


User avatar
Guru Member

Posts

Joined
Wed Dec 05, 2007 3:38 am


Post by paulfeakins » Tue Nov 21, 2023 11:59 pm

megagrocery wrote:
Tue Nov 21, 2023 6:26 am
Even though this is wordpress website
This forum is for OpenCart Support only.

Locking topic.

UK OpenCart Hosting | OpenCart Audits | OpenCart Support - please email info@antropy.co.uk


User avatar
Guru Member
Online

Posts

Joined
Mon Aug 22, 2011 11:01 pm
Location - London Gatwick, United Kingdom
Who is online

Users browsing this forum: Google [Bot] and 79 guests