Search Results for 'header'

Hi,

Please use this custom css to fix this:

@media (max-width: 767px){
.td-header-bg .header-style-3 .td-logo img {
position: fixed;
top: 3px;
z-index: 3;
width: 180px;
height: 48px;
}

.td-menu-placeholder .td-affix {
height: 48px;
z-index: 2 !important;
position: fixed !important;
}
}

Should work like this: http://screencast.com/t/OTIVJzbYW8p
The logo looks like that because of it’s original size, try to add an logo for mobile from theme panel.

Thanks

Hi,

You can change this from theme panel > excerpt, like this: http://screencast.com/t/GNz46lKfeAM

Thanks

Hi,

Use the following custom css to fix the header:

@media (max-width: 767px){
.mobile-logo-wrap img {
top: 2px !important;
height: 100% !important;
}
}

@media (min-width: 768px) and (max-width: 1018px) {
 .header-logo-wrap {
height: 69px;
}
.header-logo-wrap img {
margin-top: 20px;
}   
}

@media (min-width: 1019px) and (max-width: 1200px) {
.header-logo-wrap {
height: 80px;
}
.header-logo-wrap img {
margin-top: 25px;
}   
}

@media (min-width: 1201px){
.header-logo-wrap {
height: 100px;
}
.td-header-bg .header-logo-wrap img {
margin-left: 67px;
margin-top: 28px;
}
}

Noticed that you have figured out how to change the background: http://screencast.com/t/t7GgF5vlI
Glad you did!

Thanks for the message!

Hi,

Use this css to make the logo look like this: http://screencast.com/t/22Ydp8GV7a3R

.mobile-logo-wrap img {
height: 100% !important;
width: auto !important;
top: 0px !important;
}

@media (max-width: 767px) {
  .td-menu-wrap {
height: 55px !important;
}  
}

Change the values as you like.
Regarding the “menu icon” I have noticed that it’s there now: http://screencast.com/t/DJlgZSaviL also looks like it should. Please let me know if you have any other issues with this.

Thanks

Hi,

Follow these steps:

1. First you have to register the new-menu, for that go to td_menu.php file and add this line: http://screencast.com/t/WJy9nhodUS

'header-menu-login' => __( 'Header Menu login (main)', TD_THEME_NAME),

You will get this result: http://screencast.com/t/ihF4cmqRgq

2. Secound go to menu-header.php file and add this condition like, this: http://screencast.com/t/OtKQsOJosx0

if ( is_user_logged_in() ) {
                                wp_nav_menu(array(
                                    'theme_location' => 'header-menu-login',
                                    'menu_class'=> 'sf-menu',
                                    'fallback_cb' => 'td_wp_page_menu',
                                    'walker' => new td_tagdiv_walker_nav_menu()
                                ));
                            } else {
                                wp_nav_menu(array(
                                    'theme_location' => 'header-menu',
                                    'menu_class'=> 'sf-menu',
                                    'fallback_cb' => 'td_wp_page_menu',
                                    'walker' => new td_tagdiv_walker_nav_menu()
                                ));
                            } 

3. Do the same for mobile menu, into menu-mobile.php file: http://screencast.com/t/3CQa5fpkw

if ( is_user_logged_in() ) {
            wp_nav_menu(array(
                'theme_location' => 'header-menu-login',
                'menu_class'=> '',
                'fallback_cb' => 'td_wp_no_mobile_menu'
            ));

        } else {
            wp_nav_menu(array(
                'theme_location' => 'header-menu',
                'menu_class'=> '',
                'fallback_cb' => 'td_wp_no_mobile_menu'
            ));

        }

After this set which menu you want for logged visitors and which for unregistered visitors and test it.
Hope this helps!
Sorry for the delay!

Thanks

Hi,

You could use something like this: http://screencast.com/t/iSUeeUwbzH8M
Here is the code for the form: http://pastebin.com/k6Ka33Nt
Note that I only tested this for the header menu search.

Thanks

Hi,

Please try this: http://screencast.com/t/jdD4n3nAq

.menu-header-container .sf-menu .menu-item .td-mega-menu .sub-menu , .menu-header-container .sf-menu .menu-item .sub-menu .td_block_inner {
width: 800px !important;
}

.menu-header-container .sf-menu .menu-item .td-mega-menu .sub-menu
 {
position: relative;
left: 140px !important;
}

Change the width value and the left value for position as you need. Note that you will need to make this adjustments to each screen width in order to make it look good, use the media query snippets to style the mega menu for each screen.

Thanks

Hi,

@Christopher thanks for sharing!
Sorry for the delay. We have this on our todo list, we will look into it and fix it in the next theme update. Mean while you can remove the code Christopher pointed from the header this will also remove the og: tag.

Sorry for this!
Thanks

Hi,

You can edit each template you want and add the shortcode using the do_shortcode() function. Should look something like this: http://screencast.com/t/esLXMffm8hQ
Do this for each template you want: http://screencast.com/t/HtwL21Cs

<?php echo do_shortcode('[td_ad_box spot_id="custom_ad_1"]');?>

Hope this helps!
Thanks

Hi,

I believe you have added the menus the wrong way, the top menu looks like in your case it’s where the header menu should be and the header menu it’s at the top where the top menu should be.
Switch the menus between them, should look better afterwards, also note that if you wanted to have the menus like this the top menu doesn’t support the menu as it is now.

Regarding the size of your site, check your site using PageSpeed Insights and note how you can optimize your site.
You could also read this topic about page speed: https://forum.tagdiv.com/pagespeed-guide/
Hope this helps!

Thanks