Archived topic

Responsive call to action button in header

1 reply · Started by Merijn on December 15, 2018

Viewing posts 1–2 of 2

December 15, 2018 at 12:55 am #757253

Hi,

I am trying to get a responsive call to action button in the header of my site but I am not sure how I could approach this.
If you scale the site then you will see that the CONTACT button does not move with the content. Is it possible to let it move and scale till a certain breakpoint and below that breakpoint show the button under the header and mobile menu?

Screen dump 1:
Screen dump of the home page with call to action button in header.

Screen dump 2:
Screen dump of the home page with call to action button in header while the website has been scaled down a bit.

Kind regards, Merijn

December 15, 2018 at 9:53 am #757615

Hi there,

It's not responsive because you are using position: absolute here and a very large margin here:

.header-widget {
    background-color: #e22117;
    color: #ffffff;
    padding: 8px 10px;
    margin: 85px 60px 0 1002px;
    position: absolute;
}

This archived topic is closed to new replies.

Start building better websites today.