Make mobile header bigger.

Posted in: Newspaper
Post count: 4
aka. mcfly
#379780
Dec 21, 2020 at 1:08 pm

I’d like to make the mobile header a bit bigger to be able to add a logo also a little bigger.

In the past (years ago) you helped me with a code that I pasted in the theme.

Could you help me again?

Thank you in advance.

Post count: 18283
Vlad S
#379982
Dec 22, 2020 at 12:41 pm

Hello !

Please provide a link to your website in order to inspect and see what can be done.

Thank you !

Post count: 4
aka. mcfly
#380715
Dec 28, 2020 at 1:55 pm

Thank you for your reply. My site is: https://www.tortugamania.net. I just want to make taller the mobile header, not the desktop one.

Thanks,

Post count: 18283
Vlad S
#380848
Dec 29, 2020 at 10:09 am

Hello !

Please use this css code: .td-header-menu-no-search .td-header-main-menu {
margin-top:10px;
}

The code must be inserted here: https://www.screencast.com/t/GG01iMvRlig

Thank you !

Post count: 4
aka. mcfly
#380871
Dec 29, 2020 at 12:13 pm

Hi!

I tried with:

.td-header-menu-no-search .td-header-main-menu {
margin-top:5px;
}

and I got this:

webpage fail

How can I fix the gap? I also want to make the logo just a little bigger and center vertically the logo, and the menu and search icons.

Thank you!

Post count: 18283
Vlad S
#380974
Dec 30, 2020 at 9:06 am

Hello !

Please try this css code: .td-main-menu-logo img {
max-width: 200px;
width: 200px;
}
#td-top-mobile-toggle i {
font-size: 30px;
}
.header-search-wrap .td-icon-search {
font-size: 26px;
}

Let us know the results !

Thank you !

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