Search Results for 'mobile'

Hi,

Please follow this guide: https://forum.tagdiv.com/how-to-manage-the-mobile-theme/

Thanks

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,

The menu loaded on mobile screens it’s different in appearance and functionality from the one used for the tablets and desktop screens so the mega menu dose not work on mobiles. In order to have an category with it’s subcategories you will have to add them like this: http://screencast.com/t/y9FnwtA0g which will be displayed like this in the mobile menu: http://screencast.com/t/lh5kwtedaaUP
If you decide to use the mega-menu to display a category with subcategories you will not have the subcategories displayed in the mobile menu.
A workaround would be to add the category twice in the menu from appearance > menus, once to display the subcategories as a mega menu and once to to add the subcategories as sub-items then use custom css to hide one on desktop/tablets and the other on mobiles.
Sorry about the inconvenience.
Hope this helps!

Thanks

• This reply was modified 11 years by Lucian.

Hi,

Sorry for the delay on which I’m answering.

@dexterion
Please send an e-mail at contact@tagdiv.com so we can send you a fix for this. Please note in your message this issues details or send a link to this topic.

@Ljubisa B.
Do you still have this issue? I have checked your site and found no issue with the mobile menu icon: http://screencast.com/t/RNDMJRoF1z6U

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 custom css, like this: http://screencast.com/t/IveE0vfW23

@media (max-width: 767px){
.td_block_big_grid {
display: none;
}

.td-grid-wrap {
padding: 0px 0px 0px 0px !important;
}
}

Remove the .td-grid-wrap {padding: 0px 0px 0px 0px !important;} if you want to keep the spacing above the ad.

Thanks

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,

@jenny_moviral
The slider looks like that because was modified, I have noticed that it’s been fixed at 330px height http://screencast.com/t/9iuNrQrt4jNs this is the reason for the slider looking like that and you need 4 posts in the slider not 3 , try to remove that custom css and check if this is still happening.
Also noticed that you are using the 3.5 theme version. We have changed the layout for the slider on mobiles from version 4 if I remember right so you can try it. Make sure you make a backup of your current theme so you can revert back top it if things don’t work well as we made some changes until 3.5 version. http://screencast.com/t/9iuNrQrt4jNs

@mrsky28 Do you have the same problem? Please send me an URL to your site so I can inspect this.

Thanks

• This reply was modified 11 years by Lucian.