Add an area ontop of the header

Posted in: Newspaper
Post count: 48

I have to add an area (div) where I can put a personal banner. It has to appear ontop of the header and throughout the entire site. The header and the rest of the site has to appear below that banner.
How can I achieve it?

Post count: 23312

Hello okgo87,

Please provide more details and show me the exact area where you want to add your personal banner. In order to achieve that, you have to use the do_shortcode method for thins implementation. Please provide some useful screenshots so I can understand better what you want to achieve and so I will be able to provide a more accurate code.

Thanks.

Post count: 48

here

I want the banner area ontop of the red header (where the YELLOW arrow is pointing) with max width and it has to appear in every page of the site.

Plus I want to lower the height of the main menu (GREEN arrow) and fix the menu entry elements (Dona, La Redazione etc) to be in the same line with the search icon shown on the right. (as you can see from the picture they aren’t well aligned)
Thank you.

Post count: 22421

Hi,
If you want to add content to the top of the site, you need to edit this file: http://screencast.com/t/bREMKG4HmKwl
The main menu height can be decreased from the line-height setting in the fonts section: http://screencast.com/t/IcfCLtAdL
Thank you!

Post count: 48

Thank you, it worked!
Unfortunately, due to responsive adaptations, this content created to the top of the site doesn’t appear for the smartphones.
This happens because, for the smartphone version, the top header is disabled, but I want that content (the one that you called “<div class=”test”>” into your example) to be shown for smartphones too.

Post count: 22421

Hi,
The top menu is deactivated with css on mobile. Please provide a link to your site so I can inspect it and provide the proper css.
Than you!

Post count: 48

http://okpronostico.it/blog2/

image is temporary but its area’s height and width are definitive

Post count: 22421

Hi,
Please try this code:
@media (max-width: 767px){
.td-header-top-menu-full {
display: block!important;
}}

Add it in the theme panel->custom css box.
Thanks.

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