Search Results for 'header'

Hi,

The top menu is not displayed on mobile, it never was intended to display there.

However it could be made to appear with a code, if this is required. Something like this would work, you could try it
– https://www.screencast.com/t/CABlPOFxL
This is the code for it if you want to use it

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

Thanks

Hi,

That demo uses a multi-purpose header style, style 2 to be more exact
– https://www.screencast.com/t/moMSAHUBC

In these header styles you can display up to two buttons
– https://www.screencast.com/t/Bp4nwwmtCD
Access the multi-purpose settings in the theme panel and remove the button text from there.

Thanks

The way you tried it it will interfere with the main menu items, so for example if I position it over the menu items it will be part of the menu and can be clicked
– https://www.screencast.com/t/gpByZdymKvmR
So that might be a bad solution.

Maybe below the header – https://www.screencast.com/t/fKeFtsRreP

.tdm-header-style-1:after {
content:"Escritos y lecturas";
position: absolute;
text-align: center;
width: 100%;
}

It could be centered but that may not be the best solution. A solution would be to place it in the top menu with one of the solutions mentioned above. Then I can give you a code to display the top menu on mobile
– https://www.screencast.com/t/Dj20r0Yg1Vo

This is the code for that


.td-header-sp-top-menu:after {
content:"Escritos y lecturas"
}
@media (max-width: 767px){
.td-header-sp-top-menu,
.td-header-top-menu-full {
display: block!important;
text-align:center;
}
.td-social-icon-wrap{
display:none;
}}

You could also style it if you want to – https://www.screencast.com/t/YO1f2eWnp2k

Hi,

So that title should be displayed through the whole website, in the top bar.
I see you use a multipurpose header style, you could use a multipurpose top bar style as well. This will allow you to display a text in the top bar
– https://www.screencast.com/t/zPPImXDs9di
– https://www.screencast.com/t/wsj3bOz4
– https://www.screencast.com/t/q5klb5845Yj

Or you could enter the text in the top bar style you currently use, style 1. Edit the top bar template file
– https://www.screencast.com/t/1Be89AcX
With some additional styling that may work as well.

It could also be added with a simple CSS code
– https://www.screencast.com/t/rN9SUsqnrhb

Or add it as a menu item maybe – https://www.screencast.com/t/9AaIT38iwyY

Thanks

Hi,

Then a condition like this will work – https://www.screencast.com/t/LqE4k7wx
The header add will be loaded only on post pages after making this condition.

You can modify the header templates in a child theme, so after a theme update the modification will not be lost
– https://forum.tagdiv.com/the-child-theme-support-tutorial/

Hello Vjcoil,

Unfortunately, please notice that our theme does not contain any adroll-block class. Most likely, you are using some untested plugins which introduce that class into your theme code. Notice that we cannot provide support for untested plugins and we recommend to remove all of these, clear all the caches and check the results. For more information about our ads, please check the documentation from here -> https://forum.tagdiv.com/header-ads-adsense/

Thanks for the message!

Hello Neo,

Try using the code below and place it in Theme panel -> Custom CSS area.

.td-business .td-header-style-1 .td-header-sp-logo {
float: left;
}

Thanks.

Hi,

That is not a block, that is the header ad spot. More about that here
– https://forum.tagdiv.com/header-ads-adsense/

The header ad may display differently depending on header style used
– https://forum.tagdiv.com/header-styles/

You can see all the blocks, grids, full grids etc in the theme live demo. Check the Features menu item here
– https://demo.tagdiv.com/newspaper/

Please let us know if you have more questions.
Thanks

Hi,

I see that now, somehow I missed it before. Remove that code and use this one instead

.home .td-travel-header {
bottom: -220px;
}
.home .td-main-page-wrap {
position: relative;
top:-220px;
}

It would produce a better result – http://prntscr.com/k7cb1t

Thanks