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?
working fine on my chrome -
nevertheless since you did say please
Use the bootstrap grid system
https://getbootstrap.com/docs/4.0/layout/grid/
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
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;
}
}
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;
}
}
Who is online
Users browsing this forum: niagato, Semrush [Bot] and 644 guests