Search Results for 'header'

Hello,

1. It seems you have quite a bit of css customization on the mobile logo. Please try to restore it to it’s default state and remove any custom css affecting it. Then the logo will be centered as that is the default state of the theme mobile logo.

2. The logo on the sticky menu can be set from the theme panel here: http://screencast.com/t/IEJZaYZ2FM (the header section of the theme panel)

3. The header hight cannot be set from the theme panel for the mobile version. it can only be done with css.

4?

5. Our theme does not have an option to replace the search icon with something else. Sorry. This can only be made custom

Thank you!

Hello veet1975,

You should use a bit of CSS to hide these two containers. Also, if you want to hide them only for a particular page, you should use the page ID for this page, like this ->

The code is ->

.page-id-13 .td-header-wrap, .td-footer-wrapper{
display:none;
}

The result is here -> http://screencast.com/t/qWIH3qdgJrK

This is just a basic example. You should create your own code with your desired page ID from your website.

Thanks.

Hello digitalaltitude,

Sorry, I forgot to put the media queries. Try the code below.

@media (max-width: 767px){
.top-bar-style-2 .td-header-sp-top-menu {
float: none!important;
text-align: center!important;
}
}

Thanks.

Hello,

Our theme does not have such a feature but you can use this custom css to make the content align center:

.single .td-pb-span12.td-main-content{
text-align:center!important;;
}

.single .td-pb-span12.td-main-content header .td-post-author-name, .single .td-pb-span12.td-main-content header .td-post-date{
float:none!important;
}

The breadcrumbs are outside the post content so they cannot be centered based on the content (sidebar or not) There is no simple way to detect if there is a sidebar or not for the breadcrumbs.

Thank you!

Hi,

No, there is no header style with 2 ads. Each header style on our site has only 1 ad. If you require 2 ads, you can place an ad via the theme code. For header style 1 you can add an extra ad spot like so:
1. Place your ad in the custom ad spot 1 in the theme panel: http://screencast.com/t/6Wx1ttEH
2. Access your theme files via ftp and find this file: http://screencast.com/t/xvuHorAEdD
3. Add this code at the very bottom of the code:

<div class="custom_header_spot">
<?php echo do_shortcode('[td_block_ad_box spot_id="custom_ad_1"]'); ?>
</div>

example: http://screencast.com/t/Mhrr30iyP
4. Place this css in the theme panel -> custom css box:
.custom_header_spot{
margin: 24px auto 0 auto !important;
}

result: http://screencast.com/t/FO99YOj69r

Thank you!

Hello Diego Acero,

1)Please notice that you should use the @media queries if you want to target the code only for the mobile view. Please try the code below and place it in Theme panel->Custom CSS area.

@media(max-width:767px){
.td-header-main-menu, .td-header-menu-wrap {
display: block!important;
}
}

The results you should see here -> http://screencast.com/t/eaUSbsPG7tZO

2)You should try the code below and place it in the custom code area.

The code is ->

@media(max-width:767px){
.td-pb-span4 {
display:none!important;
}
}

If all of this information are not useful for you or if is not what you mean, please provide more details about what you want to achieve so I will be able to provide a more accurate response.

Thanks for the message!

Hello digitalaltitude,

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

The code is ->

.top-bar-style-2 .td-header-sp-top-menu {
float: none!important;
text-align: center!important;
}

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

Thanks for your understanding!

Hi,

Please try the following code.

The code is ->

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

Thanks.

Hello,

If you want to have an ad below the menu you can choose one of the header stylesa that offers such an ad spot: https://forum.tagdiv.com/header-styles/
Otherwise it can only be done by hard-coding it.

Thank you!

Hello theasder,

If you want to change the title of your category page, you should use a bit of CSS code to do that. Try the code below and place it in Theme panel->Custom CSS area.

.td-category-header .td-page-title {
text-transform: capitalize!important;
}

The result is here -> http://screencast.com/t/cDfZQiGbl

Thanks.

Hello fwoedit,

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

The code is ->

.td-header-gradient:before {
background:none;
}

The result -> http://screencast.com/t/FUgYHrEG

Thanks for the message!

Hello Syams,

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

.header-search-wrap .td-icon-search{
color: black;
}

The result is here -> http://screencast.com/t/rPagrLtsgz

Thanks.