Search Results for 'header'

Hi,
The header file name is ‘header’ with a dot php at the end. Pretty straight forward.
Thank you!

Wow, That is a whole lot of questions in one!

1) Unfortunately the latest articles cannot stretch to the whole width as they are not visual composer elements. There is no easy way to do it.

2) You cannot get the footer ad outside the footer. You will need to place the add in every post template, category template or page as the footer ad is meant to stay in the footer. It cannot create the necessary space for it in every other template that displays above it. If you want this custopmization you have a bit of work to do as you need to use this code:

Then place an ad in the custom ad 1 spot and then use it in every post template you use: http://screencast.com/t/pxohXgHczwym (these are in the root directory), the category pages: http://screencast.com/t/zgs5t556 , search results, and any other content you have on your site.
As you can see it’s not that easy.

3)You cannot add borders to the big grid as borders will increase the width with a few pixels and the grid depends on it’s fixed width. The layout will break if I add borders with css to it.

4)Please follow this topic to see how this issue can be resolved: https://forum.tagdiv.com/topic/chinese-social-icons/

5) a)It’s best to hide the section altogether and simply upload a mobile logo from the theme panel as there is no point in having 2 logos :
@media (max-width:767px){
.td-header-sp-recs{
display:none!important;
}
}

b) same issue as answer 4

Thanks.

Hello

Please try the code below and place it in Theme panel->Custom CSS area.

The code is ->

#td-header-menu .sf-menu > li > a {
padding: 0 25px;
}

The result you should see here -> http://screencast.com/t/6JXWtRYT

Thanks.

Hello,
If you want a specific size for your logo, please use one of the full logo header styles: https://forum.tagdiv.com/header-styles/
This way the size you upload will be the size displayed on your site.
The logo on the sticky menu is a different matter altogether. It is re-sized to fit the container and the sticky menu. It cannot display in full size as it will not position properly and cause the menu to be too wide.
Thank you!

Hi,
The code I provided does exactly that. It removes the menu entirely with the hamburger dropdown, the logo, the search icon and the sticky menu. Simply add the code in the theme panel->custom css box and it should work. Mind that different header styles can have different results. I tested it on the default header style. If the code does not work on your end please provide a link to your website so I can inspect it.
Thank you!

Hi,
In order to have it display properly, you can add the code in a header file. In my case I use header style 1 so I would add the code here: http://screencast.com/t/aRWvffCK6q
This is a simple div you can add content to:
<div class="mycustomdiv">Add your content here</div>
After you do that, it needs a bit of css for positioning. you can add this code in the css box of the theme panel:

.mycustomdiv{
    margin-left: auto;
    margin-right: auto;
    display: table;
    line-height: 28px;
}

This will be the result: http://screencast.com/t/xTKGkiEmw

Hope this helps.
Thank you!

Hello Nassim,

If you want to align the menu you have to use a bit of CSS code to do that. Please try the code below and place it in Theme panel->Custom CSS area.

The code is ->

.td-header-style-6 .sf-menu {
padding-top: 10px;
}

The result you should see here -> http://screencast.com/t/Bf1t1Db0e

The mega menu feature can be used only for the main item because it still using the sub-menu items (subcategory). For more information about this kind o feature, please check our documentation here -> https://forum.tagdiv.com/mega-menu/

Hope this helps!

Thanks.