lcg203 Posted November 2, 2020 Share Posted November 2, 2020 Site URL: https://www.luzclarita.world What custom code do I need to add to change the navigation bar from being located horizontally on the left to vertically on the right? Link to comment
Beyondspace Posted November 3, 2020 Share Posted November 3, 2020 .header-nav-item { display: block; width: 100%; } .header-nav-item a { display: inline-block; } Is this what you want? feel free to try it out BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
lcg203 Posted November 3, 2020 Author Share Posted November 3, 2020 Thank you so much essentially yes this is what I want as far as format but is there any way to have it located under the logo? Link to comment
Beyondspace Posted November 3, 2020 Share Posted November 3, 2020 2 minutes ago, lcg203 said: Thank you so much essentially yes this is what I want as far as format but is there any way to have it located under the logo? So vertical but on the left and under logo? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
lcg203 Posted November 3, 2020 Author Share Posted November 3, 2020 1 minute ago, bangank36 said: So vertical but on the left and under logo? Yes exactly Link to comment
Beyondspace Posted November 3, 2020 Share Posted November 3, 2020 3 minutes ago, lcg203 said: Yes exactly .header-title-nav-wrapper { display: block; } .header-layout-nav-right .header-nav { text-align: left; padding: 0; } .header-nav-item { display: block; width: 100%; } .header-nav-item a { display: inline-block; } .header-layout-nav-right .header-nav-item:not(:first-child):not(.header-actions-action--cart) { margin-left: 0; } BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
lcg203 Posted November 3, 2020 Author Share Posted November 3, 2020 2 minutes ago, bangank36 said: .header-title-nav-wrapper { display: block; } .header-layout-nav-right .header-nav { text-align: left; padding: 0; } .header-nav-item { display: block; width: 100%; } .header-nav-item a { display: inline-block; } .header-layout-nav-right .header-nav-item:not(:first-child):not(.header-actions-action--cart) { margin-left: 0; } Thank you so so much!! Can I ask one more question? What if I wanted it to be at the bottom of the page on the left? Link to comment
Beyondspace Posted November 3, 2020 Share Posted November 3, 2020 18 minutes ago, lcg203 said: Thank you so so much!! Can I ask one more question? What if I wanted it to be at the bottom of the page on the left? That you should open new topic BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
lcg203 Posted November 3, 2020 Author Share Posted November 3, 2020 8 minutes ago, bangank36 said: That you should open new topic Okay I just did! Thank you so much for your help!! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.