[Resolved] Header Widgets split

[Suresh Sudharsanam]

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

[David]

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%;
    }
}

[Author]

Posts