For some reason, the revolution slider has a gap from the top of the page even though I didn't add padding anywhere. I have attached image with the gap on mobile and mobile landscape version.
You can see that the revolution slider shows up behind the navigation bar on the desktop version.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
@media only screen and (max-width: 690px) {
.vc_row.top-level.full-width-section:not(.full-width-ns) > .span_12 {
padding-top: 0px !important;
}
}
For some reason, the revolution slider has a gap from the top of the page even though I didn't add padding anywhere. I have attached image with the gap on mobile and mobile landscape version.
You can see that the revolution slider shows up behind the navigation bar on the desktop version.
Can you help look into this?
Hi support team, any update regarding this ticket?
Hey Again,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
@media only screen and (max-width: 690px) { .vc_row.top-level.full-width-section:not(.full-width-ns) > .span_12 { padding-top: 0px !important; } }Thanks
ThemeNectar Support Team
Hi Tahir, thanks for your help! It's looking good now