Post by konstantinos2015 » Sat Jun 25, 2022 5:49 am

Hello,

I am using OC 3.0.3.8. The eshop is https://morrisdirect.co.uk
At the end of the stylesheet.css file, I added the following CSS code:
@media all and (min-width: 900px) {
.container-two-columns {
}
.columns-two-columns {
column-count: 2;
column-gap: 0.3em;
}
}

I am calling this CSS code from the homepage (and some more pages) to put the (below the slider) pictures next to each other. It is running perfectly in desktop Firefox and Opera, but it is not running in Chrome.

Can you help me please? :)

Attachments

morrisdirect.co.uk.png

morrisdirect.co.uk.png (389.1 KiB) Viewed 219 times



Posts

Joined
Sat Jun 25, 2022 3:18 am

Post by konstantinos2015 » Thu Jul 07, 2022 2:19 am

Can anyone help, please? :)


Posts

Joined
Sat Jun 25, 2022 3:18 am

Post by by mona » Thu Jul 07, 2022 10:56 am

working fine on my chrome -
nevertheless since you did say please

Use the bootstrap grid system
https://getbootstrap.com/docs/4.0/layout/grid/

DISCLAIMER:
You should not modify core files .. if you would like to donate a cup of coffee I will write it in a modification for you.


https://www.youtube.com/watch?v=zXIxDoCRc84


User avatar
Expert Member

Posts

Joined
Mon Jun 10, 2019 9:31 am

Post by konstantinos2015 » Thu Jul 14, 2022 2:05 am

Fortunatelly, they helped me and I sort it out.
The issue was in the CSS code:

@media all and (min-width: 900px) {
.columns-two-columns {
column-count: 2;
column-gap: 0.3em;
}
.columns-two-columns > a {
display: block;
}
}


Posts

Joined
Sat Jun 25, 2022 3:18 am
Who is online

Users browsing this forum: No registered users and 98 guests