Search Results for 'header'

Hi,

Now, in the latest theme update, we have introduced a header builder which allows you to create your own logo with your desired size. Check here -> https://tagdiv.com/newspaper-theme-customize-the-header-manager/

Thanks for your understanding!

Hi,

You need to enable this section from Header manager from here -> https://www.screencast.com/t/0K93nf38ue

Hope this helps!

Thanks.

Hi,

Please try the settings from Newspaper>Theme panel>header Main menu -> https://www.screencast.com/t/3IL923gW here is some documentation
-> https://forum.tagdiv.com/what-is-ajax-preloading/

Thank you!

Hello,

In the new header manager the desktop menu is different from the mobile menu. Please make sure you select the mobile menu like so: https://www.screencast.com/t/at1Fqnhumr
and add your content to the mobile header as well.

Thank you!

Hi,

Please try this code
-> https://www.screencast.com/t/zJjL2KWs94Pa
-> https://www.screencast.com/t/aOY8OTTa
.td-header-style-10 .td-header-gradient::before {
height: 5px;
position: absolute;
bottom: 0;
background-color: #339990;
}
.td-header-style-10 .sf-menu > li > a::after {
height: 100%;
z-index: -1;
background-color: #303030;
}
.td-header-style-10 .sf-menu > .td-menu-item > a {
margin-bottom: 5px;
}
.sf-menu a:active, .sf-menu a:hover, .sf-menu a {
color: white!important;
}
.td-header-wrap .td-header-menu-wrap-full {
background-color: #339990;
}
.sf-menu > li > a {
color: white;
}
.sf-menu ul .td-menu-item > a {
color: black;
}
.td-header-menu-wrap.td-affix {
background-color: #339990;
}

Thanks.

Hello,

In the latest version (9.5) there is now a header builder where you can add content to. You can add a sticky menu and can add any element from the tagdiv composer in to the header now.
Please read this guide: https://tagdiv.com/header-main-menu-newspaper-theme/

Thank you!

Hi,

Please make sure that you set the code well in Newspaper theme panel>Custom code>Custom css -> https://www.screencast.com/t/UCft5ja1O
-> https://www.screencast.com/t/PxZnWcE1NLP
.horizontal-list>.menu-item>a {
padding-left: 10px;
padding-right: 10px;
}
Also please make sure that you clear all cache.

Also if you want you can force the header width -> https://www.screencast.com/t/hAd7sC5M1

Thank you!

Hello,

You have to actually apply the template after you create it. There are 2 ways to create a template.

1. is to access the cloud library settings and press add new and import a template. Once done, you hit save. But this will not apply anywhere at the moment. You have to access the theme panel and set it for your website: https://www.screencast.com/t/4LrzLsUZFg

2. the second option is adding a specific header for a specific page or template. This is done directly in the tagdiv composer when editing a page or a cloud library template. Using this method will apply the header only to that particular page or template, not across the whole site at once as option 1 does.

Thank you!

Hi,

This is the old header -> https://www.screencast.com/t/Cggk1tsx you’ll need to copy the new header and replace the code -> https://www.screencast.com/t/q1gCCYVqgE

Thank you!

Hi,

If you have the Newspaper v9.5 you can change the the social icon with header builder -> https://www.screencast.com/t/fKh0HJgWv7Df

Thank you!

Hi,

With out header builder the only way will be to make some changes in theme files, but if you can not do this changes in a child theme after theme update this changes will be override.

Thank you for your understanding!

Hi,

Check our list of header styles from here -> https://forum.tagdiv.com/header-styles/ As an instance, try using the Header style 10 which displays your logo in full width.

Thanks.

Hi,

IF you have the last version of Newspaper ( v9.5 ) you can create your own header with header builder.
Newspaper Theme 9.5 Update: What’s new in the Newspaper Theme -> https://tagdiv.com/whats-new-in-newspaper-theme-9-5-update/
Example for header -> https://www.screencast.com/t/D2bDuwstUNF
For footer all you need to do is to make a page with tagDiv Composer and set it in footer -> https://www.screencast.com/t/g1FZUKEcr

Thank you for your understanding!

Hi,

Please replace the above custom css with this one:
-> https://www.screencast.com/t/yCL1t3NJ
.td-header-style-10 .td-header-gradient::before {
height: 5px;
position: absolute;
bottom: 0;
background-color: #339990!important;
}
.td-header-style-10 .sf-menu > li > a::after {
height: 100%;
z-index: -1;
background-color: black;
}
.td-header-style-10 .sf-menu > .td-menu-item > a {
margin-bottom: 5px;
}
.sf-menu a:active, .sf-menu a:hover, .sf-menu a {
color: white!important;
}
.td-header-wrap .td-header-menu-wrap-full {
background-color: #303030;
}
.td-header-style-10 .header-search-wrap .td-icon-search {
color: white;
}

Thank you!