Search Results for 'header'

Hi,

Each cloud header template has a default version and a sticky version, for both desktop and mobile. So there can be 4 versions or states which can be customized.

To customize the sticky version of a cloud header template, activate it like this
– http://prntscr.com/o0byge – http://prntscr.com/o0bypk
After you activate the sticky version, you can modify the existing elements in it, or add/remove elements.
If you remove all the elements from the sticky version, the header will not be sticky anymore.

Let us know if you have more questions. As a note, please try not to reply more than once (when possible) in the topic, this will delay our response because the topic date will be refreshed. We answer from oldest to newest as soon as possible.

Thanks

Hi,

Does it show if you check with an iPhone the demo header? https://cloud.tagdiv.com/header-template-36/
Or what if you change the image to own of your own, does the image appear then? Please let me know. Try changing it only on mobile – http://prntscr.com/o0b8qb then check with the phone.

Thanks

Hello !

The header and the footer can be edited by going into Dashboard – Theme Panel – Header / Footer and there you will find many options to edit: https://www.screencast.com/t/jbbFMiF0UMkN

Thank you !

Hi,

You can customize the sticky version of the header, for both desktop and mobile. It can contain the elements you want. Just activate the sticky mode and remove/modify/add elements in the sticky version of the header – http://prntscr.com/o0aw09

In case you remove all the elements from the sticky mode of a cloud header, there will be no sticky version.

Let me know if you have more questions.
Thanks

Hi,

Please set for mobile theme the logo that you have set in footer and set this custom css in Theme panel>Mobile theme> Custom code> Css
.td-search-icon {
top: 10px;
}
.td-main-menu-logo .td-amp-site-logo {
max-height: 70px;
}
.td-header-wrap {
height: 80px;
}
Then the amp will look like this -> https://www.screencast.com/t/Ecbim615Q

Thank you!

Hi,

You can use this custom css for this
.single_template_6 .td-full-screen-header-image-wrap .td-backstretch{
transition: none;
}
Set the code in theme panel>Custom code> Custom css
-> https://www.screencast.com/t/2NGdt4Rq9

Thank you!

Hello !

In order to make the site full width you have to select every row of your page using the tagDiv Composer and then set the stretch mode you want like here : https://www.screencast.com/t/BkWwdHh6

In order to make the post page full width you will have to add a single post template and then edit it. Check more about how to have single post template here: https://tagdiv.com/customize-articles-with-single-post-templates/ And for the header you can do it here: https://www.screencast.com/t/xf56tQN0.

Thank you !

Hi,

You can set the row like this and set the element in it -> https://www.screencast.com/t/wQBlQOH43k
-> https://www.screencast.com/t/LkhFuaRwHh5t also some elements have some extra option in general tag -> https://www.screencast.com/t/aTlEXNDE for those that do not have you can get this option from css tab -> https://www.screencast.com/t/1MSuoGWH4
Take the Tour to Explore the New Header Manager -> https://tagdiv.com/newspaper-theme-customize-the-header-manager/
Basics: Using the tagDiv Composer Front-End Page Builder -> https://tagdiv.com/tagdiv-composer-page-builder-basics/

Thank you!

Hi,

I don’t quite understand what you are trying to do. I see the header menu and another menu in the footer I believe. Some more details would be very helpful. Let me know.

Thanks

Hi,

You need to insert only the code for body AMP, the one for header is already include in amp plugin -> https://www.screencast.com/t/rq7aDPRWzt
How to Make an AMP Ready Website with Newspaper Theme -> https://tagdiv.com/amp-newspaper-theme/

Thank you!

The child theme is quite limited after the latest updates. Note that if the composer is active, the header file used will be the one in the plugin – http://prntscr.com/nztxbn
also the single files are there as well – http://prntscr.com/nztxr8
So these files can’t be modified in a child theme anymore. If we should find a way to allow users to be able to modify the files in a safer way, we will provide it. But as it is at the moment they can only be modified directly in the composer plugin.

Hi,

If you want to remove that green border from here -> https://www.screencast.com/t/EKb5xVBpz you will need to use the code below and place it in Theme panel -> Custom CSS area.

.white-menu .td-header-main-menu:before{
display:none;
}

If is not what you mean, please provide more details so I will be able to provide a more accurate response.

Thank you!

Hi,

Seems that the footer script code will load only in desktop, and not in mobile. The header script code will load on both. I will add this on the list and maybe it will be modified to load on mobile as well.
You could enter the code manually in the mobile footer file – http://prntscr.com/nzs831 this would work. Sorry for the inconvenience.

Hi,

Yes, the header is separate from the rest of the content, if you want to have the menu over the content you can chose the Page Builder + Overlay Menu page template -> https://forum.tagdiv.com/page-templates-2/

Thank you!