Jump to content

AYLD

Member
  • Posts

    2
  • Joined

  • Last visited

AYLD's Achievements

Level 1

Level 1 (1/20)

0

Reputation

  1. Oops sorry, it's https://annabelledelhallephotography.com/portfolio I think I managed to get the logo centred, however the logo still overlaps the links to the pages..
  2. Hi, I copied CSS code to switch to a vertical navigation bar which worked fine, however I'm having a few issues with my logo and page placement. I would like to move my logo more aligned to the left side of the screen and my logo currently is overlapping the links to the different pages which I want to change: see photo. Also this is the code I used for the vertical nav bar. Do I change anything here to adjust these things? /* Float header */ @media screen and (min-width:992px) { .header-title { position: fixed; top: 3vw; left: 5vw; z-index: 9999; } .header-nav { position: fixed; top: 30%; left: 4vw; padding: 0 !important; transform: translateY(-50%); } nav { flex-direction: column; } div.header-nav-item { margin: 0 !important; text-align: left !important; } div.header-nav-item a{ display: inline-block; } .header-actions.header-actions--right { position: fixed; left: 5vw; bottom: 2vw; justify-content: flex-start !important; } .header-actions--right .header-actions-action a { margin-left: 0 !important; margin-right: 2.5vw; } #page article section { max-width: 75%; margin-left: 25%; padding-top: 0 !important; } }
×
×
  • 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.