Тёмный

Keeping centered navigation links in one single line, in Squarespace 7.1 

Beatriz Caraballo • Squarespace coding tutorials
Просмотров 964
50% 1

Want to stop that centered navigation in 7.1 from dropping into a second line, when there's obviously enough space available for it to stretch out?
Then this tutorial is for you my friend!
Take a look at the simple CSS trick you can use to tackle that issue.
You can grab the code over here:
beatrizcaraballo.com/blog/one...
-----------------------
//Timestamps
00:00 - Intro
00:57 - Overview of how the nav can be stretched out
02:59 - Creating the CSS to stretch out the navigation links
05:14 - What happens when a smaller value is used
-----------------------
//Helpful links
⇝ Find the code you need amongst hundreds of Squarespace tutorials and snippets: beatrizcaraballo.com/codebase
⇝ Receive new Squarespace CSS tricks and exclusive offers on an often-ish basis: beatrizcaraballo.com/vip
⇝ Get in touch: beatrizcaraballo.com/contact
-------------------------------------------------------------------
Music from #Uppbeat (free for Creators!):
uppbeat.io/t/jonny-boyle/tres...
License code: DT8VYCZ0NE1FUHWY

Опубликовано:

 

7 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 16   
@user-gt7pw8gs2h
@user-gt7pw8gs2h 10 месяцев назад
Thank you Beatriz, I used some of the code in a centered navigation and it worked perfect 🤩
@beatrizecaraballo
@beatrizecaraballo 10 месяцев назад
Oh yay! I'm thrilled to hear that worked for ya. You're most welcome! 🙌
@emilydesignpowers
@emilydesignpowers 11 месяцев назад
It's a super helpful tutorial. Thank you!
@beatrizecaraballo
@beatrizecaraballo 11 месяцев назад
So happy to hear it! You're most welcome 🙌
@BrianFitzgeraldPhoto
@BrianFitzgeraldPhoto 6 месяцев назад
Great tutorial. Thank you so much!
@beatrizecaraballo
@beatrizecaraballo 6 месяцев назад
Thank you! And you're most welcome 🙌
@brittanimdesign
@brittanimdesign 3 месяца назад
Thank you so much for this!
@beatrizecaraballo
@beatrizecaraballo 3 месяца назад
It's my pleasure! ☺
@rolandvandenhout
@rolandvandenhout 11 месяцев назад
Thanks, Beatriz...
@beatrizecaraballo
@beatrizecaraballo 11 месяцев назад
Hey Roland! You're welcome ☺
@freddychavez6781
@freddychavez6781 10 месяцев назад
Te encontré! Hi B!!
@GaGaWebDesign
@GaGaWebDesign 7 месяцев назад
So how did you get to the CSS panel in Squarespace??? Right- just the very small obvious details!
@beatrizecaraballo
@beatrizecaraballo 7 месяцев назад
Its location changed a couple of months ago! In 7.1, you can find it by going into Website > Website Tools > Custom CSS 🙌 Hope that helps!
@GaGaWebDesign
@GaGaWebDesign 6 месяцев назад
Got it!! Thanks so much!
@NinaB101
@NinaB101 Месяц назад
Hello, I'm hoping you could help me out. I used the code you recommended to create the desktop nav menu. However, for mobile view, I have it set where the burger is on left, logo in center, and cart on right; and now when I add the code for the menu it shifts my logo to the left. Is there any way to set just the mobile logo to center?
@beatrizecaraballo
@beatrizecaraballo Месяц назад
I'd be happy to help you sort things out! However, in this case it'll be easier if I can see what's going on on the site itself. Go ahead and reach out through beatrizcaraballo.com/contact so I can take a look.
Далее
Замедление отменяется?
00:29
Просмотров 297 тыс.
5 Simple Animations Anyone Can Do on Squarespace
9:48
Просмотров 1,3 тыс.
Squarespace How to Create An Amazing Navigation
20:08
JPEG is Dying - And that's a bad thing
8:09
Просмотров 226 тыс.