I have a question regarding the optional header text feature, which I highly appreciate on the desktop version of our website. This feature can be activated in the "Header Navigation" under the "Layout & Content Related" section, as indicated in the attached file.
Although I find this feature appealing on the desktop version, I must admit that I don't favor it on mobile devices. In fact, it interferes with the close button on the off-canvas menu.
Is it possible to disable the text exclusively on mobile devices, and if so, how can this be accomplished?
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: 1px) and (max-width: 999px) {
#slide-out-widget-area .nectar-header-text-content.mobile-only {
display: none !important;
}
}
Greetings, everyone.
I have a question regarding the optional header text feature, which I highly appreciate on the desktop version of our website. This feature can be activated in the "Header Navigation" under the "Layout & Content Related" section, as indicated in the attached file.
Although I find this feature appealing on the desktop version, I must admit that I don't favor it on mobile devices. In fact, it interferes with the close button on the off-canvas menu.
Is it possible to disable the text exclusively on mobile devices, and if so, how can this be accomplished?
kind regards
dennis
Attached files: Bildschirmfoto 2023-10-10 um 09.29.20.png
Hello there,
Thank you for reaching out to us.
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: 1px) and (max-width: 999px) { #slide-out-widget-area .nectar-header-text-content.mobile-only { display: none !important; } }I hope that helps.
Thanks,
You guys are amazing! Thanks for the fast support! <3