I'm in the process of creating a new website...
Check it out here: www.girlzwithmoustaches.com/home2
One feature I have is a social media icon banner that I designed to be part of the header...
Below is the CSS code.. Now, I'm looking for a way to make sure that the top banner matches the width % of the image right below it. I want the social media icons to stay aligned with the rightmost portion of the image slideshow when the user resizes the window or based on their browser window size.
Any suggestions on how to achieve this? The social media icons are in a basic structure of ul with li elements.
#headerwhat {
position: absolute;
top: 30px;
left:100px;
width: 70%;
height: auto;
vertical-align: middle;
horizontal-align: middle;
}
.smbanner {
width: 200px;
height: 50px;
position: relative;
float:right;
top: 0px;
left: 0px;
}
.smicons {
display: inline-block;
padding: 3px;
}