Slider Nav positioning

Design help General
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…

813×255 100 KB

Thanks guys!

Here is my public share link: LINK

2

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

1 Like
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:

1 Like
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.