Jump to content

CP1

Member
  • Posts

    3
  • Joined

  • Last visited

CP1's Achievements

Level 1

Level 1 (1/20)

0

Reputation

  1. Hi Ziggy, I have split the navigation into 2 by simply hiding the English nav items from the German Nav Header and vice versa. See picture. The formula I used to hide the non-relevant items depending on if they were German or English pages was the following: #collection-AAA, #collection-BBB, #collection-etc, { #header .header-nav-item:nth-child(1){ display:none;} #header .header-nav-item:nth-child(2){ display:none;} #header .header-nav-item:nth-child(3 etc){ display:none;} All of this works perfectly. It is only when I make the last header nav item as a 'Get Started' button and add padding that it makes the rest of the items out of line. As per the CSS code shared in the first msg above. Thanks!
  2. Hi Ziggy, it is still not yet published so not sure I can share this with you. I know that when I remove the padding from the Get Started button that the text is all perfectly aligned in the middle so I believe I have to try shift the remaining Nav items down while leaving the Get Started unmoved. Thanks for your help!
  3. Hi Squarespace Family, I have run into an issue with my second Navigation bar (in English) and would greatly appreciate if someone in the community could please assist. Here is my first navigation bar (in German) which is perfectly aligned. See first picture. This is what I am wanting my English Nav bar to look like as well. My second nav bar (in English) is not quite aligned. See second pic. Part of the reason is that in my second Nav Bar, I made the last Nav item 'Get Started' into a button and applied a certain padding that looks consistent with the button in the German Nav Bar. This padding causes the button to be aligned nicely but pushes all other Nav items to the top. Here is the code I used for the Get Started nav item. .header-nav-list .header-nav-item:last-child a { border-radius: 30px; font-family: 'bold'; font-size: 10pt; color: #FBF7F4; border-color: #566965; background: #566965; border-width: 2px; border-style: solid; display: inline-block; padding: 0.7rem 1.9rem;} If anyone could please help me align the remaining Nav items, I would be so thankful. Many thanks, Carl
×
×
  • 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.