Search Results for 'header'

Hi,

@Dmitry_Lupich I see that you are using the Newsmag theme. There was an issue with the background ad functionality in version 4. So it would be bets if you update the theme, the problem is fixed in the latest version
– https://forum.tagdiv.com/newsmag-how-to-update-the-theme/
Or if that is not possible for you at the moment, a quick fix would be to enter this code in Theme panel->Custom CSS section

.td-ad-background-link #td-outer-wrap {
cursor: pointer;
}
.td-ad-background-link #td-outer-wrap .td-main-content-wrap {
pointer-events: none;
}
.td-ad-background-link #td-outer-wrap .td-main-content-wrap .td-container {
pointer-events: auto;
}
.td-ad-background-link .td-header-container,
.td-ad-background-link .td-container {
cursor: auto;
}

The background ad should work after you enter the code. Maybe clear all caching after doing this.

Thanks

Hi,

Please do not post such export codes in the topic, it is causing problems to the forum functionality.
The Health demo you mention has custom design as all demos have, in this case including a background color set for the mobile menu bar by the demo. This would override the color you are trying to set through the theme panel.
A solution would be to remove this design choice from the demo stylesheet
– https://www.screencast.com/t/BrvYKagQOoEE
A different solution would be to use a similar code to change the background color
– https://www.screencast.com/t/KYHmMwX9K
This code has to be entered in Theme panel->Custom CSS section, if you decide to use it.

@media (max-width: 767px) {
.td-header-wrap .td-header-main-menu {
background-color: #219ed3!important;
}}

Let us know if you require further help, or you have more questions.

Thanks

Hi,

First please move the code mentioned last regarding the width and margins, in Theme panel->Advanced CSS in the desktop section. It creates issues on smaller devices, I forgot to mention this.
I see that you have set a background image for the header. If you would like the background to be centered at all times, add this to the code
– https://www.screencast.com/t/oS5O8AGaXkal

Thanks

Hello Stinus V,

Unfortunately, the only available ways for header style can be found here -> https://forum.tagdiv.com/header-styles/ Notice that we do not recommend to edit the header styles for moving the logo and ads because you can simply break the theme layout.

Thanks for the message!

Hi,

The body tag is located in the header.php file, in the main theme folder
– https://www.screencast.com/t/5d8KOm6zD0
Try inserting the code there following the instructions they mention.

Thanks

Hi,

I believe you are referring to the News magazine demo
– https://demo.tagdiv.com/newspaper_magazine/
The image displayed in the header next to the logo is a demo banner, it can be removed or replaced in the Theme panel->Ads->Header ad section
– https://forum.tagdiv.com/header-ads-adsense/

Thanks

Hi,

Please try and use the recommended logo sizes for each header style
– https://forum.tagdiv.com/logo-favicon/
Most header styles have a logo size requirement, and exception are header styles 9,10 and 11. These do not have any limitation, you can use any logo size you want.
Header style 1 you mention has a required size, please see the guide. This is how the available space is calculated
– https://www.screencast.com/t/yFe8UvK4pBu
It would require modification if you would like to change how the default header style looks.

Thanks

Hi,

This will work for all website pages, remove the previous code and enter this one

.td-header-style-12 .td-logo,
.td-header-style-12 .td-header-logo {
margin-right: -110px;
}

Thanks

Hi,

The top menu will not be displayed on mobile. It could be made to appear with custom code, like this for example
– https://www.screencast.com/t/F4Uj2zte22H
This is the code used, enter it in Theme panel->Custom CSS

@media (max-width: 767px) {
.td-header-top-menu-full,
.td-header-sp-top-menu {
display: block!important;}
.menu-top-container {
margin-right:0;
}}

Thanks