Search Results for 'header'

Hello skisnkeys,

Please notice that demo uses the Header Style 10 which uses the logo in full width as you can see here -> https://www.screencast.com/t/IhZ74inX Basically, this image is a logo in full width with this dimensions. So, if you want to make something similar with this, you should use the Header Style 10 with a full logo and then you will bring the same result.

Thanks for your understanding!

Hello,

As you can see on this category template, the container takes up the entire screen space above the sidebar: https://www.screencast.com/t/er0oB03xp
You will not be able to move the sidebar into the category header container unfortunately. A more elegant solution would be to use one of these 3 category templates: https://www.screencast.com/t/lRjm67fDD if no grid is used on category pages.

Thank you!

Hello Escobar,

I have inspected your website on iPad device and the header seems to work as expected, as you can see here -> https://www.screencast.com/t/NZc9YtQWQywg Notice that the menu on iPad has not been designed to be in hamburger mode. This menu style is only available on mobile. Please keep in mind that the theme is optimized to work as expected on all devices (desktop/Tablet/iPad/Mobile) and this thing can be verified on our demo here -> https://demo.tagdiv.com/newsmag/ Notice that each additional customization will affect the theme and if it is not right added, might influence the entire theme and the responsiveness. If your problem is still there after clearing your caches, I suggest you making a new clean install from scratch via FTP way and install only the plugins that come bundled with the theme core file and rule out any conflicting plugins.

Thanks for your understanding!

Hi,

We will gladly help you, but please provide a link so we can inspect this and provide an accurate solution.
I ask you this because using header style 6 with the logo in menu, the logo height is automatically controlled by main menu line height you set in panel. By default it is 80px – https://www.screencast.com/t/Jhu9An8GrxdD – https://www.screencast.com/t/YjHWzE2IW but if I change the line height in panel – https://www.screencast.com/t/aiwJNhxfST also the logo height is affected – https://www.screencast.com/t/AKu6FHJZ
There is only a 3px top/bottom padding, so if this is what you want to remove, then please try this code:

.td-header-style-6 .td-main-menu-logo img {
padding: 0;
}

Thanks!

Hi,

The top menu is hidden on mobile, please try this code and it should display the menu on mobile devices
– https://www.screencast.com/t/JFTBMiLY
The code must be entered in Theme panel->Custom Css

@media (max-width: 767px){
.td-header-top-menu-full,
.td-header-sp-top-menu {
display: block!important;
text-align: center;
}}

Thanks

Hello,

It can be done with customization if you are confortable editing the post template.
You will have to copy over the meta information from another post template like the default post template for example and remove the meta from post style 7.
You would remove this part of the post style 7 code : https://www.screencast.com/t/6JUDasuXaDa0
And then copy over the header part from the default post template: https://www.screencast.com/t/tQJkHje7 and paste it into the post style 7 loo-single-7.php file: https://www.screencast.com/t/4cpnEBMQTkiX
It could need a bit of css for the white color:
.td-post-template-7 .td-post-title .td-post-author-name, .td-post-template-7 .td-post-title .td-post-author-name a, .td-post-template-7 .td-post-title .td-post-date, .td-post-template-7 .td-post-title .td-post-comments a, .td-post-template-7 .td-post-title .td-post-views{
color:black;
}

I hope this helps.
Thanks.

Hi,

The color setting work like this.
If you have no other color selected for the heading background, the related articles and other blocks will grab the color from the theme accent color.
If you set a headers background color and text color, they will grab the color from there, not the theme accent anymore.
The related articles though does not grab the color as it has 2 colors. A black one for the non-active element and a white color for the active element.
If you want to change the color of the active element, please use this css code in the theme panel-> custm css box to change the related articles header text color:
.td_block_template_1 .td-related-title .td-cur-simple-item{
color: #ffcc00!important;
}

Thank you!

Hi,

That would require quite a bit of work. The header has the option to stretch it’s content to full width
– https://www.screencast.com/t/cKbxMbctA7Y
So you could achieve something similar to that – https://www.screencast.com/t/9CGVdaGaXQW
Here you can see the available header templates
– https://forum.tagdiv.com/header-styles/
Further styling can be made using the theme options.
The footer can be disabled in the theme panel
– https://www.screencast.com/t/8bM7floiga6L
As well as the top bar above the header
– https://www.screencast.com/t/l5lbALT0
Then you can start creating your page in Visual composer using the available elements. The rows have the option to stretch to full – https://www.screencast.com/t/ikT7LZWT
And also to use a parallax image – https://www.screencast.com/t/Ho8FCuhoQm2v or even a video background.
Hopefully this will get you started in your project and you can manage to create the design you want.

Thanks

Hi,

@rodrigocarlos If you would like to manually add a new social you can try the method provided above. Edit the respective file and place the social network you want. Then it will display in the Social networks in the theme panel. Then you must use a background image of your preference, internal or external. Or an icon even. Additional styling may be needed to further styling or positioning. This social network will appear with the rest of the socials (header, footer etc)
Maybe you can find more useful information in this topic
– https://forum.tagdiv.com/topic/%D1%81hange-the-color-of-the-paging-buttons/

Thanks

Hello barnisayz,

Notice that our theme has been designed to use only the Google Adsense system. So, if you want to integrate any other Ad system, notice that you should integrate it yourself because we cannot provide this type of services at the moment, sorry! For more information about Google Adsense, please consult our documentation here -> https://forum.tagdiv.com/header-ads-adsense/ and if you want to use other ads, consult here -> https://forum.tagdiv.com/using-other-ads-non-adsense-ads/

Thanks for your understanding!

Hi,

You can use this code in the theme panel-> custom css box or advanced css if you want to alter the amrgins for responsiveness:
.td-header-style-12 .td-a-rec-id-header > div{
margin: 24px auto 24px auto !important;
}

Thanks.