On a tablet a dark grey block appears at the top of the screen, pushing the page content down but not the logo and menu burger. This occurs when the "page full screen rows" is selected. This is disabled on mobile which seems to be the case of the problem.
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 (min-width: 1000px) and (orientation: landscape) {
.using-mobile-browser #nectar_fullscreen_rows>.wpb_row.extra-top-padding {
padding-top: 0px !important;
}
}
On a tablet a dark grey block appears at the top of the screen, pushing the page content down but not the logo and menu burger. This occurs when the "page full screen rows" is selected. This is disabled on mobile which seems to be the case of the problem.
Attached files: IMG_274232C28F81-1.jpeg
Hey Owen,
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 (min-width: 1000px) and (orientation: landscape) { .using-mobile-browser #nectar_fullscreen_rows>.wpb_row.extra-top-padding { padding-top: 0px !important; } }Thanks
ThemeNectar Support Team
Thanks Tahir - sorted