Hi, is there a way to reduce the left and right padding of the secondary header bar in mobile? As you can see from the attached screenshot, the text in bold spills over to another line, but there is enough padding on either side that this shouldn't be the case.
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: 999px) {
body #header-secondary-outer .nectar-center-text {
max-width: 100% !important;
}
}
Hi, is there a way to reduce the left and right padding of the secondary header bar in mobile? As you can see from the attached screenshot, the text in bold spills over to another line, but there is enough padding on either side that this shouldn't be the case.
Attached files: Screenshot 2023-02-10 at 11.27.39 am.png
Hey artbyjonty ,
Thanks for using Salient
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: 999px) { body #header-secondary-outer .nectar-center-text { max-width: 100% !important; } }Best
ThemeNectar Support Team
Thank you!