Search Results for 'header'

Hi

Basically you have to edit header-style-8.php file and add two new containers in it: http://screencast.com/t/vQ4wX4Dcz then adjust theirs position using css code.
Unfortunately we can’t offer customization services at the moment so if you still need guidance on this or you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you.

Thanks!

Hi

Try this css in theme panel > custom code > custom css:

.td-footer-info .tunein-icon img{
width: 25px;
height: 25px;
position: relative;
top: 5px;
}
.td-footer-info .tunein-icon{
border: 1px solid rgba(255, 255, 255, 0.1);
padding: 11px 8px 10px 8px;
}
.td-header-top-menu .td-social-icon-wrap .tunein-icon img{
width: 20px;
height: 12px;
}
.td-social-icon-wrap .tunein-icon img:hover{
background-color: red;
}

Thanks!

Yes @schindyguy, the link you posted is correct and the one you should follow.

Basically, as some other user have reported, the theme handles perfectly AdSense banners with responsive layouts as you can specify the size of the ad units for the different devices in the admin panel.

The same thing does not happen with DFP code. Therefore, if you want to have responsive/smart DFP banners in your site, you do not have to work with the admin panel settings but you need to hard code the instructions directly in the header of your website.

Hope this helps.

@schindyguy, I suggest you to
a) simply paste the code of DFP ad units in the ad section of the theme (header, sidebar, custom slots, etc.);
b) add the javascript of DFP in the header of the theme. You should change and customize this part of the code if you want to make ads responsive (see Catalin’s link for the complete tutorial).

Hi

If you move theme’s css file to footer your page speed will be increased but there will be a layout misalignment for a few seconds until the css it’s loaded and it its style it’s applied. That’s why we decide to keep the css in header.
Also if you decide to move all css in footer you have to keep the same order so make sure you added the code like here: http://screencast.com/t/jnZQRyqy0KoU

$this->move_style_to_footer_queue('google_font_open_sans');
$this->move_style_to_footer_queue('google_font_roboto_cond');
$this->move_style_to_footer_queue('js_composer_front');
$this->move_style_to_footer_queue('td-theme');

In indicated thread my colleague referred at Speed Booster behavior when it’s used with Newspaper theme. In that case the main css mile it’s moved to footer but VC’s css it’s left in header.

Thanks!

Thank you, it worked!
Unfortunately, due to responsive adaptations, this content created to the top of the site doesn’t appear for the smartphones.
This happens because, for the smartphone version, the top header is disabled, but I want that content (the one that you called “<div class=”test”>” into your example) to be shown for smartphones too.

Thanks.
I got the header style but still it is not like I want it to be.

How to add the small icons before the category name and how to make a mega menu consisting of multiple categories like in the example website?

For example – themeforest.net/item/newspaper/full_screen_preview/5489609

How to create a mega menu like in the “LifeStyle” category?

Go to theme panel + Header + style and choise style 8 header Hybrid menuy 2

Hi

Indeed there are some resources which are still loaded in header. Among these resources it’s WordPress jQuery file which seems that can’t be moved in footer using our Speed Booster. I will make some additional investigations on this and get back to you as soon as possible.
Meanwhile try to improve your page-speed by optimizing the images from your site.

Thanks!

• This reply was modified 10 years by Andrei L..

Hi

Our theme load the css in header as you can see here: http://screencast.com/t/RZqlmhXuHRqh However when it comes to page-speed there are many factors which can influence it. First is not recommended to have many resources in page’s header because the page load it’s slowed down. Also you can’t move all resources in footer because some of them are required in header. Our theme is very complex and we decided to keep the css in header for a nice layout on page’s first load. However this may slow your page speed as the css it’s pretty big and its loading may take some time.
Other sites which use other themes may have a high page-speed keeping lots of resources in header, if these resources have small sizes or are loaded using a deffer system.

Thanks!