How to Overlay the Top Menu onto Header Logo Space

Posted in: Newspaper
Post count: 8
nigelryans
#222923
Mar 14, 2018 at 6:20 am

Hello,

Here is a reference link to my site just so that you know what I am talking about: https://www.jotaku.net/

As you can see, by enabling the “Top Menu” in theme panel, it creates additional padding in order to display the social icons and date above my main header. Is it possible to display this menu as an overlay, in order to remove the additional white bar created by the top menu?

Simple TLDR: I want to remove the addition white bar (padding), but still have the social icons and date displayed.

Thank you,

Nigel

Post count: 20688
Simion C.
#223028
Mar 14, 2018 at 1:00 pm

Hi,

I could give you a code to make the top menu transparent and also position the top menu besides the logo, something like this
– https://www.screencast.com/t/iWtfiBvJLjFn

.td-header-style-10 .td-header-top-menu-full {
background-color: transparent;
top: 48px;
}

I believe that is what you wanted, give it a try and enter the code in Theme panel->Custom CSS section.

Thanks

Post count: 8
nigelryans
#223157
Mar 15, 2018 at 1:34 am

Hello,

Thank you for that helpful code. That is exactly what I was looking for. Additionally, is there any way to increase the social icon/date size?

Thank you.

Post count: 20688
Simion C.
#223236
Mar 15, 2018 at 11:43 am

Hi,

Seems you have managed to increase the font size for the icons and date. Let us know if you have further questions.

Thanks

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