Archived topic
Header Social Icons Position
3 replies · Started by _blank on June 8, 2018
What’s the best way to re position the social icons so on desktop they start at the contained width / fixed width (1400px). On the Header I had to change it from contained to full width so the transparent background on the home page didn’t have a gap.
We are already using this code.
/*Widget header */
.header-widget {
float: left;
max-width: 50%;
}
@media (min-width: 769px) {
.header-widget {
position: absolute;
left: 0;
}
}
Also I’d like to centre them on mobile version.
Thanks
Scott
Hi there,
Header widget is currently using absolute positioning so the only way to reposition is to increase the left: 0; property. Try something like 100px and fine tune the number.
Then try this to center on mobile:
@media (min-width:769px) {
.header-widget {
float: none;
max-width: 100%;
}
}Thanks Leo
No problem.
