-
-
Hi,
I am trying to place a gap between three columns on this page:
https://www.oltremateria.it/caratteristiche-oltremateria/
In VC row settings I found the “column gap” setting and put it to 20px.
I also checked “Equal height” for all columns inside row.
(see screenshot)
But none of the two settings seems working.
Do you know why?
Regards
Marco
-
Hello,
Sorry for the inconvenience. We will check these up and include a fix in the next theme update. In the mean time i suggest you add this code into your custom css box:
.vc_col-sm-4.add_shadow.wpb_column.column_container.with_padding { width: 30%; margin-left: 1% !important; margin-right: 1% !important; min-height: 585px !important; }
Result screenshot: https://pho.to/AifcB
Let us know.Best regards!
-
-
Hi sorry to come back to this topic about columns gap and shadow,
all seems ok but the page
https://www.oltremateria.it/caratteristiche-oltremateria/
is not responsive on smartphones
(see screenshot: https://pho.to/AiiX5)
Could you please check?
Thank you
Marco
-
Hello,
Please add this code too, it will fix the mobile view of the element:
@media (max-width: 480px){ .vc_col-sm-4.add_shadow.wpb_column.column_container.with_padding { width: 100% !important; }} @media (max-width: 480px){ .vc_col-sm-4.add_shadow.wpb_column.column_container.with_padding { width: 80% !important; margin-left: 10% !important; margin-top: 5% !important; margin-right: 10% !important; }}
Result screenshot: iphone; ipad
Let us know.Best regards!
-
-
You must be logged in to reply to this topic.