Search Results for 'mobile menu'

Results from the Forum
Simion C.
tagDiv Staff

I thought I fixed that properly, my mistake. This is the whole code, the result should now be what is needed
https://www.screencast.com/t/1AUSmwbyp2k9

#td-top-mobile-toggle,
.td-search-wrapper {
display: none;
}
.td-header-wrap .td-header-main-menu {
height: 47px !important;
}
@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 {
height: 47px !important;
}}
.td-header-menu-no-search .td-header-main-menu {
padding-left: 0;
}

Simion C.
tagDiv Staff

Hi,

I tested this on a phone, for me the same page that is displayed on desktop is displayed on mobile
https://www.screencast.com/t/IvitGYyYC
https://www.screencast.com/t/ZoHE1j34I
These two links are different, one is a category page and one is a page
http://petcompanionmag.com/category/magazine/magazine-archives/
http://petcompanionmag.com/magazine-archives/
That sub-menu item is a page item, so it should always lead to the page not the category
https://www.screencast.com/t/3akDueE0

sergio-romualdo
tagDiv Member

Hi, almost solved.
See: https://streamable.com/xinxr
But as you can see in a new video, the orange bar still loading…

If helps, the menu can be removed from desktop to.
I will use UberMenu in the mobile and the desktop.
Ty

Simion C.
tagDiv Staff

Hi,

Try a code like this for example – https://www.screencast.com/t/sxfZJKkc0M

#td-top-mobile-toggle,
.td-search-wrapper {
display: none;
}
.td-header-wrap .td-header-main-menu {
height: 47px !important;
}

This could be a solution, give it a try.

Thanks

TrashTalk
Participant
#0

Can someone please help me why the Search Button on the Main menu not working? Error on Mobile and Desktop.

Check this

sergio-romualdo
tagDiv Member

In the Video:

Orange bar are the mobile menu from newspapper.
The Black bar are UberMenu

sergio-romualdo
Participant
#0

Hi,
I have a little problem with the mobile menu.
I want to remove all mobile menu items, like search button, and the orange bar (in my case).
Ok, but why i want it ?
Its because i will use UberMenu, In the desktop it’s works perfectly.

In mobile, i have a little strange behavior in the page loading.
Watch the video:
https://streamable.com/6n20f

As you can se in the video, the orange bar still fixed in the top, the search button still there ..
So, what i want ?
Just remove the mobile menu items, bar, search button…
Thanks

Simion C.
tagDiv Staff

Hi,

By the theme side there would be no animation for the mobile menu/search modal windows. They open and close with a simple transition, this is predefined.

Thanks

Bogdan B.
tagDiv Staff

Hello,

The mobile menu background can be set from the theme backgrounds section here: https://www.screencast.com/t/tbBZbbyOI21Y

Thank you!

Bogdan B.
tagDiv Staff

Hello,

I think you mean the top menu as the main header menu is already shown on mobile devices.
Please read this guide: https://forum.tagdiv.com/topic/top-menu-mobile-2/

Thank you!

great1212
Participant
#0

Can we insert some type of animations the way menu appears or dissappears in mobile devices?

great1212
Participant
#0

How can we insert the background picture in menu in mobile devices like you have used in recipes demo when used in mobile devices?

great1212
Participant
#0

Can we display the header menu of the website in mobile devices?

#0

mobile menu appears in desktop, over main menu
https://solidaridad.net/
¿how to remove?
Thanks

mjehangir
Participant
#0

Hi,
I’ve just installed mobile theme plugin and i’ve also read that there are no extensive customization option for the theme. But the Bigger Logo in the footer area and About Us text is really destroying the look. How i can deactivate this section. I don’t want logo and rest of the two texts there, the footer menu is enough to be there. I want to hide from mobile the area as shown in screenshot below.
http://prntscr.com/juylgi

Bogdan B.
tagDiv Staff

Hello,

I cannot see any script not loading. you do have may warnings in the browser console. https://www.screencast.com/t/SqJ6jZDvC25
The menu seems to load fine on mobiles. I cannot detect any issues on any of our devices. The menu loads fin on both android or iphones. Please test from another device.

Thank you!

Simion C.
tagDiv Staff

Hi,

Be sure that the menu items are added as categories
https://www.screencast.com/t/bdQfauJVi
Then the menu items can be clicked and lead to a respective category. Mega-menus will not be displayed on mobile as they are on desktop, it will be displayed as a drop-down menu.

Thanks

Bogdan B.
tagDiv Staff

Hello,

Thank you for creating this guide. I’m sure it will help users who need particular menus for mobile devices.

The mobile theme plugin handles this situation by allowing a second menu created specifically for mobile devices.

Thank you!

historybooksinsider
Participant
#0

I’ve been having an issue where my mobile menu doesn’t open. When clicked, the background just goes grey. I’ve checked Page Speed Insights, deactivated all plug-ins besides TD Composer, and cleared cache.

What I just found out is that the menu actually does open, but it takes 2 minutes! Screenshare: https://www.youtube.com/watch?v=0nMGmZKCzUk.

Thanks for any fixes!

anilkumar72
Participant
#0

Hi,
My website is https://fintechwolf.com. Mobile menu in my website is not working. Please help me solve this issue.

jakobe75
Participant
#0

Many folks have asked about this.
This is the method I use.

I want to be able to selectively show or hide menu items from the main desktop menu or the mobile menu.
Why?

Sometimes there are many extra buttons a user will need to have access to quickly on a mobile device, but these items dont need to show on the main menu. Often we add supplemental links at the footer of websites for advertising inquires or secondary pages. We dont want them on the main menu, but they are important, yet we dont want mobile users scrolling for miles to find the button either.

or another reason…

The items shown in a drop down or megamenu on the desktop do not look good on mobile.
for example, you may have a button called “help” on the desktop. This button would indclude items like “reset password” or “your account”.

on a desktop it rolls over very nicely, but on mobile it requires an extra tap to the “help button” and then drop the menu down to see the choices.

so to solve this you can selectively hide or show menu items via CSS
They will still load and might be visible for a split second as CSS will only visually hide it wont remove it.

You will often need to create TWO menu items of the same things.
You can show one to the desktop users and show another to the mobile users.

To hide menu items from desktop but show on mobile:
(find the menu item number in the menu section of wordpress, just roll mouse over and look at the link at the bottom of the browser, it will contai your menu item #)

Then add this to the Custom CSS section of your theme panel with your menu numbers
(replace 123 with your menu item number)


@media
(min-width:767px){
.menu-item-123, .menu-item-123{
display:none!important;
}

To show items ONLY on desktop and HIDE on mobile try this
It is especially usefull when you dont want drop downs to appear on the mobile menu slideout but still want the items to show in the mobile menu slideout.


@media
(max-width:767px){
.menu-item-123, .menu-item-123{
display:none!important;
}}

Admins feel free to correct me.

#0

Hello –

I’m having an issue with the menu items overlapping once the device gets to portrait iPad breakpoints. For me a good solution would be to enable the mobile menu.

1 – How do I enable the mobile menu at: 768 x1024?

– Thanks!

Benji
Participant
#0

I am using the filter by category feature on the blocks so when you hover over the more button the category list is in the dropdown, when you select a category the menu doesn’t disappear automatically without moving the mouse off the menu.

This obviously isn’t a problem on desktop but on mobile it doesn’t make for a very user friendly interface as the menu then takes up the majority of the screen and the user has to tap outside of the dropdown which is a very small area.

I would assume this is a relatively easy fix as normally the window would close upon selection so I assume it has been purposely coded this way. If anyone would be able to point me in the right direction of the JavaScript files or how I can resolve this problem it would be much appreciated!

Thanks!

whatakdrama
Participant
#0

I had 2 Google Analytics plugins installed and activated, but made the mistake of adding the Google Analytics code to the header.php file in the child theme. Currently the 2 plugins (Google Analytics Dashboard for WP (GADWP), and Google Analytics for WordPress by MonsterInsights) are disabled, and the code is removed from header.php. The problem is, the header is missing (top bar and main menu) and the mobile view of the theme is also not working.

Problem 1. Header is missing:
https://www.screencast.com/t/H8ll7JAhORY

Problem 2. Only desktop version of site is accessible on mobile view:
https://www.screencast.com/t/GNBmyrrFa

This is a screenshot of the original mobile view:
https://www.screencast.com/t/TgSsqYLXpu2

lafber
tagDiv Member

OK I found the bug.

Mirroring each settings one by one I finally get it.

I had an image define in Background > Mobile menu / search background > Background Image that was pointing to an ip address and an image. I guess some rest of test at the beginning.
I delete it and everything came back to normal.

Viewing 25 results - 4,926 through 4,950 (of 8,091 total)