I am having a resizing issue for a division on Salient.
At the moment I have created two division as the initial division wasn't responding well when downsized to mobile. The two rows next to each other didn't overlap when downsized.
On the link above I made two divisions - one for full screen web size and a second for smaller screen that overlaps. this is a two part question.
1. Can you see why the top division is cropped for example a screen 1024 x 1366 ( in screenshots, it crops division before resizing ) ?
2. If I am to make two divisions with different sizing - is there a way to hide an entire row in different sizing? At the moment I can see settings for disabling 'inner rows' for different sizing but nothing for an entire row. So I can hide the content but as you can see the background image to the row isn't hidden.
By default, the Salient Page Builder does not allow you to hide the Rows Using the Responsive Options Tab like the VC Columns. You can however use any of these 4 classes and add them to the Row Extra Class Field to hide that row:
Note: This is just a hack and should be avoided if possible .
I have increased the row setting column margin (and removed -30%) the white space is now there but how can I control the width of the container? as I is too narrow now.
I am having a resizing issue for a division on Salient.
At the moment I have created two division as the initial division wasn't responding well when downsized to mobile. The two rows next to each other didn't overlap when downsized.
On the link above I made two divisions - one for full screen web size and a second for smaller screen that overlaps. this is a two part question.
1. Can you see why the top division is cropped for example a screen 1024 x 1366 ( in screenshots, it crops division before resizing ) ?
2. If I am to make two divisions with different sizing - is there a way to hide an entire row in different sizing? At the moment I can see settings for disabling 'inner rows' for different sizing but nothing for an entire row. So I can hide the content but as you can see the background image to the row isn't hidden.
https://whitehorse.ie/christmas/
(Screenshot examples)
Hey Again,
By default, the Salient Page Builder does not allow you to hide the Rows Using the Responsive Options Tab like the VC Columns. You can however use any of these 4 classes and add them to the Row Extra Class Field to hide that row:
Note: This is just a hack and should be avoided if possible .
It works in the same way the Column VC " Responsive Options" Work :
ThemeNectar Support Team
Hey Tahir!
This has worked for hiding row. Can you also assist with the row cropping? (image below)
Other divisions scale to window but this doesn't until a certain point.
( Edit * I did put a -30% margin to have a white border on this division - would this be the reason it crops before resizing? )
Hey Again,
You need to remove the Left/Right Margins for it to fold correctly on responsive viewports: https://prnt.sc/ghIsjHz6-8jZ
Thanks.
ThemeNectar Support Team
Thank you Tahir!
I added a -30% margin to add more white space left and right of the container.
Is there another way to do this without -% the margin??
Yes, you can use paddings or the Margin field within the Row Settings. See screenshot: https://prnt.sc/pW8TBJ_bwVX2
Best
ThemeNectar Support Team
I have increased the row setting column margin (and removed -30%) the white space is now there but how can I control the width of the container? as I is too narrow now.
You can increase the container width for the whole site in here: https://prnt.sc/_XyMT6VY1RvJ .
Best
ThemeNectar Support Team