Search Results for 'header'

Hi,

You could try to add the class that modifies the header menu when sticky to the menu, but that would interfere with the top menu that you have on your website
– https://www.screencast.com/t/689rGLDon1
– https://www.screencast.com/t/hfqYYDcM3iI6
Modification will have to be made to the js of the theme as well. As I understand you want this to apply on a specific page so that would mean more work, if even possible.
You could possibly achieve this another way using Css, to modify the header to look similar to the sticky state
– https://www.screencast.com/t/mdGrr1Mk
And then have that code apply for a particular page, based on the page Id
– https://www.screencast.com/t/GREgtoZ9p
This is the code I used in the example if you should decide to use it, you just have to use the page Id that you want, and enter it in Theme panel->Custom Css

.td-header-menu-wrap-full,
.td-header-menu-wrap,
.td-header-sp-logo {
height: 48px!important;
}
.td-header-style-7 .sf-menu {
margin-top: 0!important;
}
.td-header-style-7 .sf-menu > li > a {
line-height: 48px;
}
.td-header-style-7 .td-header-sp-logo img {
max-height: 55px;
vertical-align: initial;
top: -5px;
}
.td-header-style-7 #td-top-search {
top: 0;
}

Thanks

Hello,

The code added in the header is simply for tracking your site google needs that added in the head section and that is all that is required. Then you do not have to add anything else in the theme files. You can use the theme ad spots to place ads on your site: https://www.screencast.com/t/yzfAzGLhfS8

Thank you!

Hello,

You can add such a border by using a css code. please add this code to your theme panel-> custom css box:
.td-header-menu-wrap{
border-bottom: 8px solid orange
}

Thank you!

Hi,

There is no need to use a plugin to have Adsense ads on your website. You just have to insert your ad codes in the sections you want in the theme panel
– https://www.screencast.com/t/3xecqEUagq71
More information about using ads in the theme here
– https://forum.tagdiv.com/header-ads-adsense/
– https://www.screencast.com/t/CkM1SzC6onC
The head tags are found in the header.php file found in the main theme folder
– https://www.screencast.com/t/2Is3ZyBwdGLO
You can use any text editor to edit the file insert the required code between those tags.
If you want to use different ads then Adsense you just need to enter your ad code in the section you desire, and the theme will render it without any modifications
– https://forum.tagdiv.com/using-other-ads-non-adsense-ads/

Thanks

Hello,

If you mean the ad code, then you should use the theme ad system after placing the code in the head section. Please read the documentation for the ads found here: https://forum.tagdiv.com/header-ads-adsense/
Our theme provides a number of ad spots where you can place the ad codes.

Thank you!

Hi,

There can only be one header style for all the pages. You can not have a different header style on a particular page. To make the menu display like in the affix state by default would require changes to the header style, and then create a condition to make them apply only a specific page.

Thanks

Hello,

If you want to remove the search on the mobile menu you can simply use a css code to remove it.
Add this code in the theme panle-> custom css box:
@media(max-width:767px){
.header-search-wrap{
display:none;
}}

If you use the mobile theme plugin you must add the co0de in the mobile theme section (the very last menu in the theme panel)

Thank you!

Hello,
You can center the menu items on header style 12 by using this css code in your theme panel-> custom css box:
.sf-menu{
margin-left: auto;
margin-right: auto;
display: table;
}

Thank you!

Hi,

From what I understand you want to make the header display in sticky mode at all times. There is no option for this. You could just use a different header style, like header style 4 for example
– https://forum.tagdiv.com/header-styles/
– https://www.screencast.com/t/BgHJ758V
That header style is similar to what you want to have. Please correct me if I misunderstand.

Thanks

Hello,

Please add this css to your theme panel->custom css box:

.td-image-gradient-style8:after{
display:none;
}
.td-post-template-8 .td-post-header{
background-color:transparent;
}

Thank you!