Bexster Posted March 10 Share Posted March 10 Hello I have created a tab-style navigation menu but need to keep the 'tabs' i.e. navigation links, aligned to the bottom of the main navigation on different screen sizes. Currently, the CSS is set from the top which means that the tabs move up as the screen size gets larger.Β Site is: https://harnan-real-estate.squarespace.com/ Password: Hello123 Thanks in advance! Link to comment
sorca_marian Posted March 10 Share Posted March 10 Hi, Add the code below to the bottom of the existing CSS .header-display-desktop, .header-inner { position : static; } .header-border { position : relative; } .header-nav { position: absolute!important; bottom : 10px; right: 100px; margin: 0; top: auto!important; } Β Ziggy 1 π¨βπ§π¨βπ»Β Contact me for development and design work - Freelancer Software engineer, Architect, and Designer UI/UX πββοΈΒ Squarespace Custom Web Development & Design π Β Manage Tasks, Take Notes, and Upload Related Images πΉΒ Squarespace Tutorials for free - YouTubeπΉΒ π―π I have worked on over 200 Squarespace sites with custom code for over 9 years πββοΈΒ Let's connect on LinkedIn Β Β Link to comment
Solution Bexster Posted March 10 Author Solution Share Posted March 10 Awsome! Thank you so muchΒ ππ Link to comment
sorca_marian Posted March 10 Share Posted March 10 Don't forget to mark my answer as the solutionΒ π¨βπ§π¨βπ»Β Contact me for development and design work - Freelancer Software engineer, Architect, and Designer UI/UX πββοΈΒ Squarespace Custom Web Development & Design π Β Manage Tasks, Take Notes, and Upload Related Images πΉΒ Squarespace Tutorials for free - YouTubeπΉΒ π―π I have worked on over 200 Squarespace sites with custom code for over 9 years πββοΈΒ Let's connect on LinkedIn Β Β 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