Search Results for 'mobile menu'

Results from the Forum
Catalin
tagDiv Staff

Hello laurena86,

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

@media (max-width: 767px){
.td-header-main-menu {
height: 120px;
}
}
@media (max-width: 767px){
.td-main-menu-logo img {
max-height: 100px !important;
width: 200px;
top: 60px;
}
}
@media (max-width: 767px){
.header-search-wrap .td-icon-search {
padding-top: 35px;
}
}
@media (max-width: 767px){
#td-top-mobile-toggle{
top:35px;
}
}

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

Thanks.

Catalin
tagDiv Staff

Hello vachos,

Regarding on your firs request, please notice that above I gave you a solution in this regard, like this -> https://forum.tagdiv.com/topic/megamenu-exclude-2nd-level-subcategories/ and for your second request, if you want to have another menu on mobile you should use the mobile theme plugin because this allows you a way to have another menu than your desktop version, like this -> http://screencast.com/t/gtK4Ya0kns8.

Thanks for the message!

vachos
tagDiv Member

hi thanks for reply,
so you can not give me some simple modification to dont show the second sub catergory?
maybe its more simple to load different menu in mobile can i do that with simple code?
thank you for your time

Catalin
tagDiv Staff

Hello vachos,

If you want to change the structure of mobile menu, you should check the theme core files and make some adjustments through the code in order to achieve as you wish. As a hint, you should edit the following core file, like this -> http://screencast.com/t/Z9OIDUc0b. Notice that it is not a simple task and if you are not aware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!

Thanks for the message and for your understanding!

Bogdan B.
tagDiv Staff

Hello,

It seems your mega menu does not show up on the mobile theme, but you can simply create the menu that you want as the mobile theme uses a different menu than the normal one. You can create your own menu and add the mega-menu child categories as a simple drop-down menu without using sub-categories: http://screencast.com/t/xVKsg0w2lZS
If you still have trouble with the menus, please contact us via email at contact@tagdiv.com and provide wp-admin so we can login and investigate this issue.

Thank you!

vachos
tagDiv Member

hi again, how can i do the same thing in mobile menu?
menu show only category and sub cateogry deep 1?
thanks

rishab55555
Participant
#0

Hello,

I am using Newspaper v6.5 on my website.
URL – http://www.naukrinama.com

I have recently started to experience a problem on my website. A horizontal scroll is coming on the mobile website.
I have tried to check the settings of my mobile menu and it all looks fine to me.

I tried disabling all plugins and then checked the site but still the problem persisted.
The issue is coming on all pages Home, Category and Article Detail Page.
Please let me know how to fix this.

sushilk
tagDiv Member

Hi, I tried all the CSS mentioned above but the top header menu I see on my desktop site still doesn’t appear on mobile. The URL is http://a-sk.com/en. What am I missing?

SavvyZen
tagDiv Member

So the Main Menu on our website, http://www.Savvyzen.com does not fit across the entire screen. As you can see on other websites

http://www.apple.com
http://www.stevepavlina.com

Their colored menu bar with their drop down categories extends across the entire background of the screen, there are no margins on the side. How do I create this for our website? In the “mobile” version the main bar fits across an entire phone screen. I don’t understand why this doesn’t happen when looking at our website from a computer?

Also, why do the posts on the main page have a white background? As you can see, the main background is a light green color but the actual posts (see the fake post about janu sirasana on the main page) all have a white block of background. How do I change the background color for the posts? Thanks.

Alin [tagDiv]
tagDiv Staff

Hi,

You will have to order them by slug also here – http://screencast.com/t/OGVt0Cvcv and it will be reflected also on mobile menuhttp://screencast.com/t/yoEyGLqIEor0

Thanks!

Alin [tagDiv]
tagDiv Staff

Hi,

Thanks Chris for your great help! You have the crown!


@tricell
Most probably a plugin conflicts with the theme’s javascript and that’s why you get this issue with mobile menu. I suggest to disable all you plugins except Visual Composer, clear all you caches and purge your files if you use CDN and check again if it the issue persist. If it works please enable your plugins one by one and see which one cause this problem and disable it or try to find an alternative.

Thanks!

adil34
Participant
#0

Hello, We use the below method for ordering mega menu items on our site, but this method doesn’t work on mobile. We can’t order menu item with this method on mobile menu.

Could you help us if its possible to make it with the same or another method? Thanks a lot.
Normally we use order by ‘slug’ method which you mentioned another post.

THIS THE POST OF YOUR METHOD.
Regarding your second request, this is the order of the subcategories(alphabetical). There is not option to change this from settings, but you can modify the code, just add this order in td_block_mega_menu.php file – http://screencast.com/t/1Kk6ybz4C so you can order subcategories by slug – http://screencast.com/t/NpeWAblc – http://screencast.com/t/hOubcKikgUE

‘orderby’=>’slug’

tricell
tagDiv Member

A new issue has popped up after changing the lazy loading settings. The mobile menu does not work!

stax
Participant
#0

How i can add content on pages in mobile theme? For example: If I have the menu page sport, I would love to be there all the articles from the category sport.

pic1: https://postimg.org/image/l9audqfex/
pic2: https://postimg.org/image/n49vudbff/

I know that i cant use shortcode, but i need something like “Latest Article”(on homepage-mobile theme) on other pages, but to be of a certain category.

Thank you!

tricell
Participant
#0

Hello,

We are receiving a Javascript (jquery) error inside of tagdiv_theme.min.js (line 165) that applies only to small-screen devices.

The website does not load images on mobile devices and does not allow the menu to work.

We have reinstalled WordPress, deleted and reinstalled all plugins, disabled all plugins, cleared caches, reintalled the latest theme and nothing is fixing the issue.

Also, since day one of installing the theme, when the website is refreshed on any device, it loads the original content from day one launch. So one year later, it displays the correct content, but when refreshed, the old content appears, including posts/site design/menu.

Please advise.

We also request you make this support request private.

Johan
Participant
#0

Hello can you help me?How to move logo mobile version from menu? But I need change logo mobile version to header. Not together with menu. How to for change this logo?

aldeawood
tagDiv Member

Hi Bogdan, thanks so much for your thorough reply including all the screenshots. I did eventually get the ad working in the sidebar via the theme panel Ads section – I think even though I was deleting cache after each try it may have been a caching issue.

I also got it working on mobile but it did not work when I placed the script in the head tag of child theme > mobile > header.php – I had to place it in the original theme mobile header file. Oh well, it is showing up! I will re-add the code when there is an update.

One more funny thing, do you know what the empty black bar is at the top of the mobile site above the logo, menu and search header? screenshot: http://www.screencast.com/t/gjJfA0VzAe

Thanks so much. I’m loving the theme 😀

mattemkadia
Participant
#0

Hi guys, we’ve been informed by someone accessing our site that the homepage is loading straight into the mobile menu on a desktop machine with no obvious way of minimizing it and viewing the site… We’re both viewing the site on Chrome and I’ve never had any issues, is it likely that some sort of AdBlocker on their machine is causing the issue? or would viewing the site through a remote desktop platform that was perhaps blocking some scripts from running cause the problem?

Thanks
Matt

krysn76
tagDiv Member

Thanks Bogdan, as per that topic instructed , i just need to remove this line only from all those 4 td_top_bar_template php files –


locate_template('parts/header/td-login-modal.php', true);

from this code :


<?php if (td_util::get_option('tds_top_bar') != 'hide_top_bar') { ?>

<div class="top-bar-style-4">
<?php locate_template('parts/header/top-widget.php', true); ?>
<?php locate_template('parts/header/top-menu.php', true); ?>
</div>

<?php }
locate_template('parts/header/td-login-modal.php', true);
?>

So that final code will look like following ?


<?php if (td_util::get_option('tds_top_bar') != 'hide_top_bar') { ?>

<div class="top-bar-style-4">
<?php locate_template('parts/header/top-widget.php', true); ?>
<?php locate_template('parts/header/top-menu.php', true); ?>
</div>

<?php }

?>

will doing that also remove the login codes form the mobile theme plugin ?
I think it wud be best to remove it from mobile theme plugin too for our site …for that which files codes will i need to edit & remove ?

Thanks
Awaiting reply
Regards

Catalin
tagDiv Staff

Hello kaidensharma,

I guess that you want to change the header color background to your mobile mode, right? Please try the code below and place it in Theme panel->Custom CSS area.

The code is ->

@media (max-width: 767px){
.td-header-wrap .td-header-menu-wrap-full, .td-header-wrap .td-header-menu-wrap, .td-header-wrap .td-header-main-menu {
background-color: red!important;
}
}

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

Hope this helps!

Thanks for the message!

kaidensharma
Participant
#0

Hey there,
my website is http://kaidenworld.com
i have re-defined some elements using css… now i want to change the header colour in the mobile version as it is overlapping my logo colour but i am unable. can anyone help?

Catalin
tagDiv Staff

Hello ks2355244,

Unfortunately, the mega menu has not been designed to be used to mobile mode, sorry! Notice that feature has been designed to be used only for tablets and desktop. Notice that it is not a simple task to implement this feature and if you are not aware of these settings in this regard, consider hiring a freelancer/developer to helps you because we cannot provide custom work at the moment, sorry!

Thanks for the message!

Catalin
tagDiv Staff

Hello Alex,

Notice that it is not a simple task to simply copy and paste the code, sorry! As you can see, we have a lot of demos and each of them has own custom CSS code which can be found in the demo folder, like this -> http://screencast.com/t/ZkfERDa1vAf You will have to do some adjustments through code in order to achieve the same menu to your side. Also, if you want to change the menu for mobile, notice that the theme has not been designed to use another menu style than the existing one.
If you want to display more levels in the theme and if you are not aware of the steps which are needed to take in this regard, consider hiring a freelancer/developer to help you because we cannot provide customization services at the moment, sorry!

Thanks for the message!

  • This reply was modified 9 years by Emil G.
Bogdan B.
tagDiv Staff

Hello,

Unfortunately the method provided to add extra links will not work in the mobile menu section. The mobile menu will only pull the subcategories from the mega menu. It is a different implementation. This is the problem with customization. It affects more parts of a website than you realize. That is why customization should be done by someone who has the time needed to think about all the implications a custom implementation has and test it out in all possible scenarios. We cannot provide that unfortunately as we do not have a customization department. Sorry but there is no simple way to alter the mobile menu in order to pull the extra links.
We try to help out where we can but when the customization gets time-consuming, we cannot afford to test out the possible outcomes and provide solutions. We suggest hiring a freelancer for this from sites like studio.envato.com.

Thank you!

Bogdan B.
tagDiv Staff

Hello,

The background for the mobile menu is in the theme panel. If you want to add a background image it can be added here: http://screencast.com/t/Dj1Rn8RW
The background colors can be added from the colors section here: http://screencast.com/t/JnLqnUpg

Thank you!

Viewing 25 results - 6,251 through 6,275 (of 8,091 total)