Relative/absolute buttons

Good morning all (or afternoon…) Can i please get some advice on how to better position this buttons.
using wp and malsap cycle2 on the the main page slider (will create a new wordpress header for the site next). Just started building this and I can’t seem to make the button relative to their container.
So as the browsers resize, they are all over the place.

Thank you

Rel/Abs positioning is usually a bit of a “no no” in RWD.
You are positioning the button container via top with fixed pixels, even though the height of the container reduces. As a quick & dirty fix, position via bottom instead of top. but that still won’t fix the centring.
To centre, add left: 0; right: 0; to .buttoncontainer.

didn’t quite work and that is not what i quite want. I wanted the buttons to remain barely above the sliding image baseline.
But good point a about reminding me about a possible bad rwd faux pass. Will have to look into this some more. Thank you @SamA74

It worked for me editing it in inspect. Did you remove the top vaule? A small value like bottom: 5px should do that.

Looking now, the page has changed.

Yes working on it? I had killed the slider somehow so now need to fix it. but thank you for pointing out the bottom value. will try it out.

<off-topic>

Where’s your cat? Traded for a a   a… penguin? a BIRD??? (faints)

</off-topic>

1 Like

OMG! deep blush…You got me @ronpat Ronpat! will have to get haircut & change that picture!

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