Full Width Button has margins

johnwasneverhere · December 2016

Hi! As you can see there is a button on this page called VIEW FULL COCKTAIL MENU that is set to full width but there is a margin... how do i remove that?

http://johnchristensenwebdesign.com/jazz-estate/home-3/

johnwasneverhere · December 2016

also... it seems the same margin is on the bottom of the page around the map... would love to get rid of that.

Albert · December 2016

Hi,

to make this button full width without margins, you should use FULL WIDTH NO MARGIN style for the section instead. But about the map, where do you have the margin exactly? Because we didn't noticed any.

johnwasneverhere · December 2016

that worked to remove margins, but now the "equal height" doesn't work... You can see some gray to the left and right of the map... looks like if we solve the first issue this will help with the second.

Albert · December 2016

Sorry but we do not see any gray on the left and right of the map.

johnwasneverhere · December 2016

ok maybe just my screen... but what about the equal Height? now the background is smushed into only the button size.. not the background

johnwasneverhere · December 2016

I fixed it by adding a class to the button.. then adding this...

.to-the-edge{ width: 102% !important;

left: -1% !important; }

johnwasneverhere · December 2016

on the map i added

.map-to-the-edge{

width: 102% !important;

margin-left: -1% !important;

}

Hope this is helpful to someone else who needs this.

Albert · December 2016

Ok, we are happy to see that you sorted it with above css.

Full Width Button has margins

Comments

This website uses cookies