- Apitd_api_header_style::delete
- Apitd_api_header_style::update_key
- Apitd_api_header_style::update
- Apitd_api_header_style::add
- ApiAPI – Header style – Introduction
- Apitd_api_top_bar_template::update_key
- Apitd_api_top_bar_template::update
- Apitd_api_top_bar_template::add
- ApiAPI – Top Bar Template – Introduction
- Apitd_api_single_template::update_key
- Apitd_api_single_template::update
- Apitd_api_single_template::add
- ApiAPI – Single Template – Introduction
- Apitd_api_footer_template::update_key
- Apitd_api_footer_template::update
- Apitd_api_footer_template::add
- ApiAPI – Footer Template – Introduction
- Apitd_api_smart_list::update_key
- Apitd_api_smart_list::update
- Apitd_api_smart_list::add
I’ve made a banner for my site running the Newspaper theme, I have the right theme type selected which should use the built in css to scale my header down for maximum quality http://thereadoptional.com . As you can see it runs perfectly on Safari,Chrome,Opera and others without me touching any code.
The problem is that Firefox and IE do not scale my header and runs its native size, why is this? What do I need to add to stop this from happening which is delaying the release of the site. I’ve added this code which seems to have fixed the problem on Firefox
.td-md-is-firefox .td-header-sp-logo img {
width: 100% !important;
}
But I do not know how to fix the issue on Internet Explorer
Any help would be greatly appreciated
What I’d like to do is be able to resize the header logo to cover the entire width of the main menu, but keep the header ad where it is, floating on top of the logo image. I’ve included an example of what I want it to look like, and a link to the current iteration of my website that is laid out similarly.
Any help is appreciated, and I have to say that I really love the theme so far!
Hello! There are three minor tweaks I would like to make to the header when viewed on mobile devices:
1) How can I change the menu icon (9 small squares) to the more standard 3 line icon? Is there an image file I need to update? Or is this done through code?
![]()
2) How can I increase the overall height of the header? My logo looks too small.
3) How do I change the header background colour? Sorry if it’s in the theme panel, but I cannot find it.
Thank you!
Hi
To add the code in head you need to edit the header.php file and paste our code here: http://screencast.com/t/7aaHtLY3hHa
You can add an ad code under post title by editing the loop file corresponding with the post template used and the adspot shortcode here: http://screencast.com/t/uA5zQ5AY
echo do_shortcode('your shortcode ad');
To get the shortcode add an ad box into a blank page then switch in backend editor copy and paste this code: http://screencast.com/t/Kcqsjk9C7xbU inside do_shortcode function.
Hope this help!
Thanks!
Hi Bodgan,
Thank you for the response.
I was referring to the title meta tag in the header section of my site. As I pointed out before, the title in the URL bar is being updated fine.
I am using a plugin for pagination. Not sure if your theme is responsible for this change or if the plugin is.
Here is a sample post http://fourleggedguru.com/dogs-ready-for-summer/
If you click on the next button, that’s when the issue I’m having comes into play. I’m getting duplicate content warnings because of this and would like to correct this ASAP.
Thanks!!
Never mind, i already fixed it with this code:
.td-header-sp-recs img {
right:-510px;
}
I found it in another post.
Thanks you!
Hi!
I want my header add to align on the right. So it aligns with the big slide. see: http://luikenkarstens.nl/declercq/wp-content/uploads/2016/01/headeradd.jpg
Here’s the link to my page: http://luikenkarstens.nl/declercq/
(Sorry for creating so many topics today…)
Hello Maros,
Unfortunately that header is custom made. It cannot be replicated so easy. Sorry.
Thank you for your message!
Hello friends,
I would like to ask you how to make a header like you have at home page (I mean on tagDiv), the huge picture with arrow at the bottom and the smooth transition to another section at the same page.
I really love it and want to make it into my page.
Thank you
Maros
Hello mayurt123,
The way Speed Booster improves siteâs page speed itâs moving some CSS and js resources, which usually are loaded in the header, to the footer, such that the browser can loads the content faster. Please note that the plugin was intended for the advanced user, it requires modifications on the code to add new resources (js and CSS) which are moved to the bottom of the page and conflicts may appear because some plugins may cause issues when you try to move their resources at the page bottom. To avoid conflicts we decided to keep the Speed Booster active only for a limited number of plugins, which are tested and works fine even if their resources are moved at page bottom. Checking a pluginâs behavior when Speed Booster is active can be done by adding it on allowed plugins list: http://screencast.com/t/dCMffJFq
For more information about how to make the site faster, please consult our documentation here -> https://forum.tagdiv.com/how-to-make-the-site-faster/ In this tutorial you can find some advice how to Remove render-blocking CSS/js â using the TagDiv SpeedBooster plugin but for advanced users.
Hope this helps!
Thank you for the message!
Hi
Please provide more details about the adjustments that you want to make in header, and your site url so I can inspect this closer and get back to you with a more accurate answer.
Thanks!
This works like a charm !
In order to have a lighter CSS file, do I risk much by removing header styles and block styles not used in my website ? I’ll check at every update to remove the same “generic styles” that won’t be used. Do you believe this is a good idea ?
Hi, how can I create a page with different header? Is there any way to adjust the header?
Hello bpepermans,
Please try the code below and add it in Theme panel->Custom CSS area, like this -> http://screencast.com/t/db6vdeEAvk
.td-header-style-12 .td-header-menu-wrap .sf-menu > li > a:after {
display: block;
}
.sf-menu > .current-menu-item > a:after, .sf-menu > .current-menu-ancestor > a:after, .sf-menu > .current-category-ancestor > a:after, .sf-menu > li:hover > a:after, .sf-menu > .sfHover > a:after {
background-color: red;
}
.header-search-wrap .td-drop-down-search:before {
border-color: transparent transparent #EC4D4D transparent;
}
.header-search-wrap .td-drop-down-search:after {
background-color: red;
}
The result you should see here -> http://screencast.com/t/nkbXfbDS3
I set the border color to red, but you can modify the code to any color you want it to display.
Thank you for the message!
Hello,
You do not need to use css to change the header menu font family and weight as there are options for it in the theme panel: http://screencast.com/t/7SSenCl0MR9 and the bold font weight will be the same for the menu and the sticky menu if you set the font from the panel.
Thank you!
Hi
I’ve checked your site and the header ad is displayed fine on mobile devices: http://screencast.com/t/khdkv8em90 If you still have this issue try to clear the mobile device cache memory then test again.
Thanks!
Hi,
Some times my site only shows header. All the items below header just shows blank page. Only header shows up. It only happens to the homepage. Other pages, categories works fine. I am using w3total cache. Is there any caching issue or its a theme problem? Because when I use to change theme everything works fine. I happened 3 times till now. Today also this problem happened and when i slightly modified the homepage and added a row then everything worked fine. But I dont know why this is happening. The site we are talking is a news site and we cannot afford just to go blank. Please assist.
Thank You.
Hello Newspaper team,
I’m working on the them and i’m struggling to change the header menu styles.
I’m using the “Header Style 12” and would like to get the hover/current effect from light header templates (Style 1, 2 or 7) where the link is underlined and not filled with a background.
By the way, I’d also like to set the same color for the search box highlight line (which is blue).
How can I achieve this ? I tried lots of solutions in the forums but still with no luck !
Thanks.
Thanks, again. You’ve helped me isolate the issue and find some fixes. It turned out to be a combination of things: the footer CSS code + the below custom CSS:
.td-main-page-wrap {padding-top: 5px!important;}
I was using that line to reduce space between the header and my content blocks. For others with the same problem, some possible fixes: 1) add the .td-main-page-wrap custom CSS only to pages with lots of content (instead of globally with Custom CSS panel), or 2) if you reduce the padding-top of .td-main-page-wrap by X amount, add the same X amount to the padding-bottom of .td-main-page-wrap.
That should fix it đ
Hello,
header banner is not responsive . last i check my website in mobile phone so header banner is not show correctly.
Please check and help me!
My Website: http://www.rajasthanabout.com
Hello,
It seems the logo shifts on this header style. I will add this issue to our bug list and we will hopefully fix it in a future version. You can try to use another header style until then if you wish.
You can reduce the gap between the menu and the content using this custom css:
.home .td-main-page-wrap{
padding-top: 10px!important;
}
Thank you!
Hello riolec,
If you want to change the opacity of the homepage post element, you have to use a bit of CSS. Please try the code below and add it in Theme panel->Custom CSS area like this -> http://screencast.com/t/lYHQG5AfKe
.td-post-template-8 .td-post-header {
opacity:0.7;
}
The result -> http://screencast.com/t/IkvCvMXQHo7
Hope this helps!
Thank you for the message!
Hello joyceloh,
If you want to move to the right you banner ad, you have to use a bit of CSS. Please try the code below and add it in Theme panel->Custom CSS area.
The code is ->
.td-header-sp-recs img {
right:-180px;
}
The result -> http://screencast.com/t/D7Y6O25P9rO
Thank you for the message!
Hi,
Can you please guide me to make the edit in the files?
Because if I use your method, the long header will be seen everywhere. But I just need the long header to be in Category page of EXPLORE, EXPAND AND EXCEL only.
Only these 3 pages below
http://sansan.qriosity.com.sg/category/explore/
http://sansan.qriosity.com.sg/category/expand/
http://sansan.qriosity.com.sg/category/excel/
Appreciated it!!
-
This reply was modified 10 years by
joyceloh.
Hello Paul,
1) You can change the read more button from the translation section of the theme panel: http://screencast.com/t/HwtAGm8P3T8t
2) You can remove the search from the menu either with css or by removing it from the theme files:
css: .header-search-wrap{
display:none!important
}
from the files: http://screencast.com/t/X6DjcpVf
3) You can inspect the links you created using the browser inspector and use css to target them(it’s best to assign them a custom class so you can target it)
4)You need to create a custom link (link to ‘#’) for them and then add the sub-menus or mega-menu:
http://screencast.com/t/76EKnjya
5) The content is controled by the plugin (most likely contact form 7 as this is the recommended one)
I hope this helps.
Thank you!