▼
Streaming live at 10am (PST)

Justify navigation links to the top right of screen

#1

Hello,

I would like to justify my navigation links to the top right of the screen. I’ve tried to place in the nav links in a div block, set the position to relative, and then adjust the positioning, but they don’t seem to render correctly on responsible devices. I’m sure there must be an easier way to do this. Any suggestions?

https://preview.webflow.com/preview/natalie-jade-studio?utm_medium=preview_link&utm_source=designer&utm_content=natalie-jade-studio&preview=0ee1293ffb7935896e69ecac97e7d484&mode=preview

Thank you,

Natalie

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

#2

Hi

container width is locked for responsive reasons, replace it with div

#3

Hello,

Thanks so much for your quick response. That worked great! I notice, however, that the nav bar isn’t responsive. Can you suggest how I can adjust this?

Thanks,

Natalie

#4

Hi

Later on I will take A look, in the mean time I see that not all the menu links are the same class (link5), the last one got different class name (link 7)

#5

Thanks, good spot. I’ve updated that. However the menu still isn’t responsive so any guidance you have would be great. Thank you

#6

Hi

I would start A new Navbar from scratch. delete the container that comes built-in and replace it with new div and set the div’s size to 100vw.

I’ve tried to record A video - it is not perfect but you’ll get the idea. if not don’t hesitate to reach out :slight_smile:

#7

(post withdrawn by author, will be automatically deleted in 24 hours unless flagged)

#8

Hello, thanks very much that worked great! Sorry, I wrote a post above but have now resolved that. My final question would be with regards to the margin of the site. For some reason, everything is slightly off centre, with a smaller margin on the left than on the right (this is apparent if you scroll down on the homepage to the portfolio section and you can really see the margins on each side of the collection are different.

Any suggestions would be much appreciated :slight_smile:
Thanks!