We want to be able to push the content of our site text / images to the right of the menu but leave the background images full screen so the transparency of the menu shows.
In the below page the text is under the menu which looks bad.
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):
You can add in a media query so it only works on Desktop .
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 (min-width: 1000px) {
.full-width-section >.col.span_12 {
margin-left: 50px !important;
}
}
We want to be able to push the content of our site text / images to the right of the menu but leave the background images full screen so the transparency of the menu shows.
In the below page the text is under the menu which looks bad.
https://mailboss.co.uk/wp/index.php/our-team/
On certain pages we want to push all content to the right but leaving the background image full screen
Hey Again,
Unfortunately there is no such option available for the layout you have at the moment. Please see: http://themenectar.com/docs/salient/salient-studio/ for available theme layouts.
Best
ThemeNectar Support Team
is there no css or border settings etc that we can add to simply push the data over? We have seen it done on other sites.
Hey Again,
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):
.full-width-section >.col.span_12 { margin-left: 50px; }Thanks
ThemeNectar Support Team
Ok that works on most pages tested so far on desktops apart from when you click into a team member, the content is still behind the menu.
Can the CSS be altered also that the content does not get pushed off screen on mobile devices.
Thank you so much.
You can add in a media query so it only works on Desktop .
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 (min-width: 1000px) { .full-width-section >.col.span_12 { margin-left: 50px !important; } }Thanks
ThemeNectar Support Team