Good morning! Today problem is: I have a row splitted in two column.
In the left column from top to bottom I put a single image (small), a custom heading and two text block
In the left column I have a single image (tall)
The equal height option in row settings is NOT checked
In wide screen display I can see two column; in small screen one layout shift to one column only. My problem is that when I visit the post using a smartphone or similar device if the height of the text in the left column is bigger tan the height of the image in the right side, then after the end of the image on the right a blank space is added to pair the height of the left column to the right one so the result appear like a page blank end.
how can I avoid to display this long blank space under the right image? Thanks
This seems like a bug. Though you can add in this quickfix.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (max-width: 999px) and (min-width: 1px) {
#ajax-content-wrap article .col[data-padding-pos="left-right"] > .vc_column-inner, #ajax-content-wrap article .col[data-padding-pos="left-right"] {
height:auto !important;
}
}
Good morning!
Today problem is: I have a row splitted in two column.
In the left column from top to bottom I put a single image (small), a custom heading and two text block
In the left column I have a single image (tall)
The equal height option in row settings is NOT checked
In wide screen display I can see two column; in small screen one layout shift to one column only.
My problem is that when I visit the post using a smartphone or similar device if the height of the text in the left column is bigger tan the height of the image in the right side, then after the end of the image on the right a blank space is added to pair the height of the left column to the right one so the result appear like a page blank end.
how can I avoid to display this long blank space under the right image? Thanks
the link to a page is
https://the-mag.it/effw1920/
Hey Again,
Please turn off the Siteground Optimizer and check if it fixes the issue.
Best
ThemeNectar Support Team
I turned off sitegroudoptomizer. Check with a never used smartphone using safari and google but nothing changed
Thanks
Hey Again,
This seems like a bug. Though you can add in this quickfix.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (max-width: 999px) and (min-width: 1px) { #ajax-content-wrap article .col[data-padding-pos="left-right"] > .vc_column-inner, #ajax-content-wrap article .col[data-padding-pos="left-right"] { height:auto !important; } }Thanks
ThemeNectar Support Team
Yes!!!Thaks Thair your fix works fine!
Superb support as usual; tanks!