/*Keeps Image Position On Mobile*/
@media (max-width:767px) {
css.selector{
background-position: left bottom !important;
}
}
Reading the ticket, do I just replace css.selector with the row id, or do I need to leave that syntax? I set my row ID to nextLevel, then put #nextLevel in that spot, but it didn't do anything, so I think I'm doing it wrong.
If you look at the site through the link, I've added the anchor for what I'm trying to make work. Here's my adjusted css code, which I'm dropping on the page's CSS as opposed to the global sheet.
@media (max-width:767px) {
#nextLevel{
background-position: right top !important;
}
}
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):
/*Keeps Image Position On Mobile*/
@media (max-width: 767px) {
#nextLevel .row-bg {
background-position: left bottom !important;
}
}
Hey I found this ticket here: https://themenectar.ticksy.com//ticket/1185382/
Which provides this code:
/*Keeps Image Position On Mobile*/ @media (max-width:767px) { css.selector{ background-position: left bottom !important; } }
Reading the ticket, do I just replace css.selector with the row id, or do I need to leave that syntax? I set my row ID to nextLevel, then put #nextLevel in that spot, but it didn't do anything, so I think I'm doing it wrong.
If you look at the site through the link, I've added the anchor for what I'm trying to make work. Here's my adjusted css code, which I'm dropping on the page's CSS as opposed to the global sheet.
@media (max-width:767px) { #nextLevel{ background-position: right top !important; } }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):
/*Keeps Image Position On Mobile*/ @media (max-width: 767px) { #nextLevel .row-bg { background-position: left bottom !important; } }Thanks
ThemeNectar Support Team