Archived topic
Header Widgets split
1 reply · Started by Suresh Sudharsanam on December 19, 2018
Viewing posts 1–2 of 2
Hi Team, Need your help to split the Header widgets 30% & 70%.
in 70% space, I am going to place google ads.
like this...http://www.techeworks.com/wp-content/uploads/2018/12/Untitled.png
Hi there,
try this CSS:
@media (min-width: 1024px) {
.header-widget {
max-width: 70%;
width: 70%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header-widget .widget {
-webkit-box-flex: 1;
-ms-flex: 1 0 70%;
flex: 1 0 70%;
}
.header-widget .widget:first-child {
-webkit-box-flex: 1;
-ms-flex: 1 0 30%;
flex: 1 0 30%;
}
}
This archived topic is closed to new replies.
