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.
Use Elementor
Or pay a developermegagrocery wrote: ↑Tue Nov 21, 2023 6:26 ambut I am desparately in need of help and anything useful is much appreciated.
Upgrade Service | OC 2.3.0.2 PHP 8 | My Custom OC 3.0.3.8 | Buy me a beer
First, you apply this style to ul
Then, you apply this style to each li
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);Code: Select all
list-style: none;
width: 100%;
display: flex;
grid-column: span 6;
flex-direction: column;
align-items: flex-start;View all extensions | Request custom work | Pricing | Contact Me
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
This forum is for OpenCart Support only.
Locking topic.
UK OpenCart Hosting | OpenCart Audits | OpenCart Support - please email info@antropy.co.uk
Who is online
Users browsing this forum: No registered users and 58 guests
