Jump to content

Align mobile nav items to horizontal centre, align social icons to bottom margin

Go to solution Solved by Web_Solutions,

Recommended Posts

Site URL: https://samfiskdesign.co.uk/



I'm currently using this code to make my CTA button appear next to the hamburger in mobile view. 

.header-menu-nav-folder[data-folder="root"] {
    height: auto !important;
    min-height: auto !important;


However it has brought the other elements to the top of the screen as well. How do I:

a) Align the nav items to the horizontal centre of the screen

b) Align the social icons to the bottom of the screen


I've tried adjusting top margins for both but would prefer it to be responsive if possible.

Help would be appreciated!

Edited by samfiskdesign
Link to comment

Add this code on Design > Custom CSS 

@media(max-width: 767px){
  .header-menu-nav-folder-content a{
    text-align: center !important;



If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.