- This topic has 3 replies, 2 voices, and was last updated 6 years, 2 months ago by
.
We are trying to reduce the mobile padding on our navigation so it is more in line with our content. See attached. We added a few different pieces of css found in the support forums to see if it would reduce the spacing, but it hasn’t worked. Here is the last piece we added:
#page-container .sh-header-mobile-navigation .sh-nav-container {
padding-left: 10px !important;
padding-right: 10px !important;
}The website is barrierfreeaccess.com
Solution for this topic
Hi @27thLetter,
I hope you are well today and thank you for your question.
You can reduce it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
#header-mobile .container { max-width: 350px !important; }Best regards,
Shufflehound teamThat worked! Thank you very much.
You are most welcome here 🙂
