Increase Mobile Header Height

Posted in: Newspaper
Post count: 38
Craig
#272213
Jan 18, 2019 at 6:17 am

Hoping to increase the header height, currently using style 10, happy with desktop header height but wanting to double mobile height. Thanks in advance 🙂

Post count: 35449
Calin
#272306
Jan 18, 2019 at 1:57 pm

Hi,

If I understand correctly you want to change the header size on the mobile version.
here is an example -> https://www.screencast.com/t/2VdUfrX8
In order to do that you need some custom css, if you need help with that please provide me a link were I can take a closer look to your header.
Create custom code with the browser’s Inspector or the Live CSS Box -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thank you.

Post count: 38
Craig
#272421
Jan 19, 2019 at 12:25 am

Yes this is what i’m after, thanks heaps. Is there a way to have the (Logo, Menu & search icons) centered in the new header size? and also make the background white?

Many Thanks 🙂

Post count: 38
Craig
#272476
Jan 20, 2019 at 2:18 am

🙂

Post count: 35449
Calin
#272646
Jan 21, 2019 at 1:29 pm

Hi,

If this is what you looking for -> https://www.screencast.com/t/n3l110QPAsbB , then here is the custom css
.td-header-wrap .td-header-menu-wrap,
.td-header-wrap .td-header-menu-wrap-full{
height: 108px!important;
}
.td-header-menu{
margin-top: 28px;
}
.header-search-wrap {
top: 28px;
}
.td-main-menu-logo img {
top: 32px;
}
Please set it in Newspaper>theme panel>Custom code>Advanced css -> Phones
-> https://www.screencast.com/t/GEft0PLDaB

Thanks.

Viewing 5 posts - 1 through 5 (of 5 total)
The forum ‘Newspaper’ is closed to new topics and replies.