Expired
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)
https://pho.to/Aia70
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!
It seems working!
Thank you
Hi sorry to come back to this topic about columns gap and shadow,
all seems ok but the page
is not responsive on smartphones
(see screenshot: https://pho.to/AiiX5)
Could you please check?
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.
ok thank you
You must be logged in to reply to this topic.
