- NewsmagMain menu
- NewsmagIntroduction
- NewsmagLogo & Favicon
- NewsmagBackground introduction
- NewsmagTheme colors introduction
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;
}
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
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
-
This reply was modified 8 years by
sergio-romualdo.
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
Can someone please help me why the Search Button on the Main menu not working? Error on Mobile and Desktop.
In the Video:
Orange bar are the mobile menu from newspapper.
The Black bar are UberMenu
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
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
Hello,
The mobile menu background can be set from the theme backgrounds section here: https://www.screencast.com/t/tbBZbbyOI21Y
Thank you!
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!
Can we insert some type of animations the way menu appears or dissappears in mobile devices?
How can we insert the background picture in menu in mobile devices like you have used in recipes demo when used in mobile devices?
Can we display the header menu of the website in mobile devices?
mobile menu appears in desktop, over main menu
https://solidaridad.net/
¿how to remove?
Thanks
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
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!
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
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!
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!
Hi,
My website is https://fintechwolf.com. Mobile menu in my website is not working. Please help me solve this issue.
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.
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!
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!
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
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.
