britthatch Posted September 21, 2023 Share Posted September 21, 2023 Hi! I use the Brine template in 7.0. Desktop is fine, however, I am wanting custom css to remove the extra padding on the top bar for mobile view. I have attached an example of the space I want decreased. Any help would be greatly appreciated! 🙂 Link to comment
Solution Lesum Posted September 22, 2023 Solution Share Posted September 22, 2023 @britthatch You can add this code snippet within the Custom CSS panel: .Mobile-bar--top { padding-top: 0 !important; padding-bottom: 0 !important; } @media screen and (max-width: 640px) { .Site { margin-top: -17px; } .sqs-layout .sqs-row .sqs-block:first-child { padding-top: 0px !important; } }  britthatch 1 If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee? Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment