newsquaredesigner23

Hi! So I recently have used CSS to change my site header to be vertically on the left. The only problem is I can't seem to move my site icon/title along with it. No matter what i have tried it has stayed in the middle of my site. Could someone help me out with this? Here is the code I have right now: // Vertical Navigation // /* Float header */ @media screen and (min-width: 800px) { body { margin-left: 110px; } .header-layout-nav-right .header-nav { text-align: left; padding-left: 0vw; padding-right: 2wv; } } .header-nav-list { width: 135vh !important; padding: 40px; background: #F7EDDE; position: fixed; -webkit-transform:rotate(-90deg)translateX(-85%); -webkit-transform-origin: top left; left: 0px; top: 25px; text-align: center; z-index: 999; } My website is annahilton.com

That did help!! However it moved my header icon to the center. Is there anyway to fix that? Thank you so much!!!

Hi! I currently made a vertical nav bar using code I found somewhere else on Squarespace forum. I think it looks great until you mess with the screen size. Then I start getting things cut off which I don't like. Is there anyway to fix it to where it isn't cutting other things in my website off? I can include the code below. I put together multiple codes I found on different forums so I might have an error within my code. If someone more advanced in code could help me, that'd be great! My site is annahilton.com // Vertical Navigation // /* Float header */ @media screen and (min-width:992px) { .header-title { position: fixed; top: 2vw; left: 2.1vw; z-index: 9999; } } .header-nav-list { width: 135vh !important; padding: 40px; background: #F7EDDE; position: fixed; -webkit-transform:rotate(-90deg)translateX(-85%); -webkit-transform-origin: top left; left: 0px; top: 25px; text-align: center; z-index: 999; }

I have the same question however I have not posted my site publicly yet. I have tried using custom css and was unsuccessful. Any tips?