remmus451 Posted August 27, 2020 Share Posted August 27, 2020 Site URL: https://www.parkersburgartcenter.org/ I would like to align my logo with the navigation bar. Logo on the left, followed by navigation. I think this is an option in 7.1, but can't find how to do it in 7.0. Link to comment
Solution IXStudio Posted August 27, 2020 Solution Share Posted August 27, 2020 Hi Use this code in Design -> Custom CSS header#header {margin-left: calc(50% - 50vw) !important;margin-right: calc(50% - 50vw) !important;display: flex !important;} .layout-style-center #logo { float: left !important; width: auto !important; margin-left: 50px !important; } .layout-style-center #topNav { width: auto !important; float: right !important; display: flex !important; justify-content: center !important; align-items: center !important; margin-left: auto !important; } .layout-style-center #topNav nav { float: right !important; margin-right: 50px !important; } Please use the like button if it helps you! Best, Leopold remmus451 1 Ninja Kit Extension: Upgrade your Squarespace website without coding.YouTube Preview - FREE DOWNLOAD Link to comment
remmus451 Posted August 28, 2020 Author Share Posted August 28, 2020 Thank you! That worked! Is there a way to not make the navigation menu show next to the logo on mobile view? Link to comment
IXStudio Posted August 28, 2020 Share Posted August 28, 2020 (edited) Hi, You're welcome. Please take a screenshot of your needs. Best, Leopold Edited August 28, 2020 by IXStudio Ninja Kit Extension: Upgrade your Squarespace website without coding.YouTube Preview - FREE DOWNLOAD 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