Streaming live at 10am (PST)

Slider Nav positioning


#1

Hey guys,

I am looking for some help to position my slider navigation. I'm not really sure how to get it to behave the way I want it to.
I want the "navigation dots" to sit like 10 pixels above my header title, but I can't seem to figure out the correct way to position it. I've tried %, px, vw, vh etc.. and I can't move the div into the div with the titles either.. Any good suggestions?

Attached is two pictures showing how I DON'T want it react to different browser window sizes..

Thanks guys!


Here is my public share link: LINK


#2

Can you post your public link so we can take a look? Thanks!


#3

@DFink I had a public link there but wasn't working. Fixed now! Thanks.


#4

Here's how you share a public share link. Thanks! :wink::+1:

https://help.webflow.com/article/how-do-i-share-my-sites-read-only-link


#5

The positioning looks fine to me on all devices but if you are seeing what's in your screenshots, it's likely due to the Slider Headline div being set with a % position. I'd recommend changing that to a px position to avoid it changing it's relative position to the dots. Hope that helps!


#6

Thanks @DFink! This definitely helped. I think using vw for the font size definitely messed things up as well.


#7

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.