I'm trying to "attach" a text block to the left side of any screen. Currently, I'm using negative margin percentage to achieve this on desktop and tablet, but on mobile it cuts into the actual text. (See attachments for examples.)
Here's there a more efficient / absolute method to anchor this text block to one side of the screen?
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):
I've decided it's too difficult to control this text box with the parent row set as "full width background". Changing to "full width content" for now, and dealing with cascading effects on other elements instead.
Hi
I'm trying to "attach" a text block to the left side of any screen. Currently, I'm using negative margin percentage to achieve this on desktop and tablet, but on mobile it cuts into the actual text. (See attachments for examples.)
Here's there a more efficient / absolute method to anchor this text block to one side of the screen?
Thanks for the help!
Adjust it with a Media query like below.
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 screen and (max-width: 1000px) { .vc_custom_1521601424161 { margin-left: -5% !important; } }Thanks
ThemeNectar Support Team
I've decided it's too difficult to control this text box with the parent row set as "full width background". Changing to "full width content" for now, and dealing with cascading effects on other elements instead.