Hello, I want to make the additional images shown under the main image to display at the center of the screen instead on the left in mobile view. I tried to play with display and float options in css .image-additional but couldn't make it work....
Thank you in advance
Version 3.0.3.8
default theme
PHP: 7.3.13
But I can see from the screenshot you're not using the default theme ...
UK OpenCart Hosting | OpenCart Audits | OpenCart Support - please email info@antropy.co.uk
?
This can be easily done with your theme's stylesheet.css. But first you have to provide proper details, see forum rules. Also what's your website URL?
Export/Import Tool * SpamBot Buster * Unused Images Manager * Instant Option Price Calculator * Number Option * Google Tag Manager * Survey Plus * OpenTwig
https://tonias-handmade.comJNeuhoff wrote: ↑Thu May 15, 2025 10:30 pmThis can be easily done with your theme's stylesheet.css. But first you have to provide proper details, see forum rules. Also what's your website URL?
Some thing like this?
Don't forget to refresh your theme cache and modifications.
Code: Select all
@media (max-width: 768px) {
.image-additional {
display: flex;
justify-content: center;
flex-wrap: wrap;
text-align: center;
margin: 0 auto;
float: none !important;
}
.image-additional a {
margin: 5px;
}
}
Got an urgent question that’s keeping you up at night? There might just be a magical inbox ready to help: khnaz35@gmail.com
Enjoy nature 
Thank but that made the thumbnails go in a rowkhnaz35 wrote: ↑Thu May 15, 2025 11:51 pmSome thing like this?Don't forget to refresh your theme cache and modifications.Code: Select all
@media (max-width: 768px) { .image-additional { display: flex; justify-content: center; flex-wrap: wrap; text-align: center; margin: 0 auto; float: none !important; } .image-additional a { margin: 5px; } }
Attachments
thumb-row - additional2.JPG (9.93 KiB) Viewed 6937 times
I am seeing it like this on mobile.
Isn't this was ask?
Isn't this was ask?
Attachments
???Got an urgent question that’s keeping you up at night? There might just be a magical inbox ready to help: khnaz35@gmail.com
Enjoy nature
Once you have modified it, it is not the default theme anymore, even if it still has that name.
I suggest you leave the extra images as they are - they look good left aligned.
UK OpenCart Hosting | OpenCart Audits | OpenCart Support - please email info@antropy.co.uk
this css alternation worked if anyone interested, so I will mark the post as SOLVED, thank you guys!
Code: Select all
@media (max-width: 767px) {
.thumbnails {
overflow: auto;
clear: both;
list-style: none;
padding: 0;
margin-bottom: -40px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
}Attachments
???- center
Who is online
Users browsing this forum: cokesjo1, Semrush [Bot] and 20 guests
