Search Results for 'mobile menu'

Results from the Forum
Simion C.
tagDiv Staff

Hi,

There are similar topics with solutions you could try
https://forum.tagdiv.com/topic/top-bar-in-mobile-menu-is-not-coming/
https://forum.tagdiv.com/topic/top-navigation-not-showing-on-mobiles/
https://forum.tagdiv.com/topic/the-top-menu-not-showing-in-mobile/
Use the Live CSS editor to test these codes, modify them is needed.

If you need help let me know.
Thanks

Tibbar
Participant
#0

Hello,

When i click on the hamburger menu on mobile, nothing happens
Here’s a video of the problem : https://imgur.com/wljEHd0

This problem happens often, and not only on my phone, it’s the same for other’s people phones

How can i fix this issue ?
Thanks

noori020
tagDiv Member

Yes! I have all my menu’s now also on my mobile website. Thanks very much!

Should I open a new topic about the custom code? I asked these codes everywhere for help on different fora and also here when I was an absolute noob and had zero knowledge and now I am a little bit more smarter at webdesign and also know what HTML, CSS, javascript and php is.

Now I want to clean up a little bit, but I don’t know what these codes do.

Could you help me explain what these codes do so I can decide if I should delete them or keep them? Or should I open a different topic.

.menu-item-125 .sub-menu{
max-height:400px;
overflow:auto!important;
}

.category .td-page-title{ display:none!important }

.td_category_template_6 .td-category-header {
min-height: 400px;
}

.vc_tta-container .wpb_video_wrapper iframe {
height:100%!important;
}

.wpb_heading { display: block; }

coinworldstory
Participant
#0

After inspecting my urls with google search console and trying to figure out why it keeps saying URL is not on Google on all my pages.
I tested the live version of a post and it said Page is not mobile friendly?

Clickable elements too close together.
Content wider than a screen.

Thing is when I test it on my phone it looks fine and not like what the Google live test shows.
On a side note, I dont understand why my mobile menu has a sign in box at the top?

And My Traffic Suddenly Dropped

Calin
tagDiv Staff

Hi,

If you refer to menu please make sure that you have set the same menu for desktop and mobile ( https://www.screencast.com/t/d8JEepvxTyW ).
This will work only if you have theme mobile plugin install and activate.

Thank you for your understanding.

Calin
tagDiv Staff

Hi,

If you refer to menu please make sure that you have set the same menu for desktop and mobile ( https://www.screencast.com/t/d8JEepvxTyW ).

Thank you for your understanding.

zagdaneiro
Participant
#0

1. How can I disable search button?
Using CSS, it appears for a moment after entering the webpage. There should be some sort of “disable” functionality.

2. How can I set mobile menu bar transparent?
I’ve imported the Restro demo. The mobile menu bar is in some sort of grey, while I want it to be hidden – just the logo and hamburger menu visible over the Hero image. Is it even possible?

djovanov
Participant
#0

Hello,
It is possible to define a different menu is the main menu when the site is viewed on mobile device ?
Thanks

noori020
tagDiv Member

Very sorry for my late response! I did not get an e-mail that there was an reply.

When I go to menu’s I don’t see mobile.

HittingTheGreen
tagDiv Member

Everything is not fine. The version of the site that appears on my iPhone is the desktop version BUT with the “mobile” (hamburger) menu… which doesn’t work.
Please advise ASAP.

Simion C.
tagDiv Staff

Create a separate menu for the mobile theme, arrange the menu items like this in order to have a dropdown
https://www.screencast.com/t/KfwjI925z47
https://www.screencast.com/t/bVQ8qu4Z9MT
https://www.screencast.com/t/UkjykRPQSKy

danblukk
tagDiv Member

So I shouldnt worry what google search is saying about my site not being mobile friendly?
Will affect my SEO.

Where in the dashboard menu is the option to disable mobile Log in?

Thanks

Simion C.
tagDiv Staff

Hi,

Try it like this, enter the code here this time – https://www.screencast.com/t/qtu5WAwgmW

@media (max-width: 767px) {
#td-header-menu .td-icon-mobile:after {
position:absolute;
content:'menu';
font-size: 18px;
bottom: -15px;
left: 10px;
}
}

That should work. Let me know.

Calin
tagDiv Staff

Hi,

Menu query fires twice, once for desktop and ones for responsive ( mobile devices ); the menus are displayed depending on the device you are using..

Thank you for your understanding.

Simion C.
tagDiv Staff

Hi,

That is because you use the optional mobile theme plugin. If the mobile plugin is not active, mega-menus will show as a drop down menu. If the mobile plugin is active they will not be converted to drop-down menus.

So you could deactivate the mobile plugin and the mega-menus will be displayed as drop down. Similar to the live theme demo on mobile.

Thanks

paperweight
tagDiv Member

I solved this with If Menu plugin:
https://wordpress.org/plugins/if-menu/

I make some menu items only display on Mobile device.

But it would be easier if I could just have a Desktop menu and a Mobile menu and then select those in the Newspaper settings. I have had other themes that do this 😉

m.abdelmobdy
tagDiv Member

Mega-menus with sub-categories will be displayed as a simple drop-down menu on mobile.

but in my website they never appear why?
check it please:
https://www.khatwh-le7lmk.me/

Simion C.
tagDiv Staff

Hi,

The mega-menu will not appear on mobile, same as in the live theme demo if you check with a mobile phone
https://demo.tagdiv.com/newspaper/
Mega-menus with sub-categories will be displayed as a simple drop-down menu on mobile. The functionality of the menus will be different on mobile than on desktop.

Thanks

m.abdelmobdy
Participant
#0

Hello
I wonder why maga menu doesn’t appear in mobile?
Would you please help me?

JJ0000
Participant
#0

The header ad that is set up is perfect for desktop and mobile, is there a way to clone this code and put it somewhere else? Whenever I try to set up google adsense (above menu), it outputs a 300×300 ad instead of one that resembles Theme Panel > Header Ad.

Simion C.
tagDiv Staff

Hi,

If the website resources are loading slow sometimes, or are blocked for some reason (by a robots file for example), there will be warnings or the page in question will be declared not mobile friendly
https://support.google.com/webmasters/answer/6352293?utm_source=search_console&utm_campaign=sc-mft-test

I tested a few of your posts with the Google mobile tool, they seem to be mobile friendly from what I can see
https://www.screencast.com/t/3UOoevw6
https://www.screencast.com/t/U7Clz7LGuV
I have seen in the past inconclusive results from this tool, testing the same post a few times provided different results.

The login you are referring to would be the one from the mobile menu
https://www.screencast.com/t/qHjbdpEm0nI
If the login option is enabled in the theme panel, there will be a login displayed in mobile as well.

jonathan24
Participant
#0

hi guys, i have added a ID link to a Div ID at the bottom of the page, i would like it it to smooth scroll down to to the DIV ID. If i add the JS to the page or to a separate JS file it breaks the <div class=”td-scroll-up</div> or the menu open option on the mobile version.

the code i used that worked, but break other things was:

$(document).ready(function(){
$(‘.tdm-image-box’).on(‘click’, function(event) {
event.preventDefault();
var hash = this.hash;
$(‘html, body’).animate({scrollTop: $(hash).offset().top}, 800);
});
})

do you have anything in your functions that already includes this and allows me to do this without breaking anything?

danblukk
Participant
#0

Hey all

After inspecting my urls with google search console and trying to figure out why it keeps saying URL is not on Google on all my pages.
I tested the live version of a post and it said Page is not mobile friendly?

Clickable elements too close together.
Content wider than screen.

Thing is when I test it on my phone it looks fine and not like what the google live test shows.
On a side note I dont understand why my mobile menu has a sign in box at the top?

Anyone know how to solve this?

My site: https://martial-arts-review.co.uk

Simion C.
tagDiv Staff

Hi,

Maybe something like this? – https://www.screencast.com/t/MnTIAAM6
I could modify it if needed. The code can be entered in the advanced CSS section->phones
https://www.screencast.com/t/Q934gMiVc

#td-header-menu .td-icon-mobile:after {
position:absolute;
content:'menu';
font-size: 18px;
bottom: -15px;
left: 10px;
}

Let me know.
Thanks

sonnymarojahan
Participant
#0

Hi guys,

Is it possible to make a text “menu” below the menu navigation bar on mobile?
i mean… the text “menu”, not the secondary menu.

anyone can help me, please?

Thanks 🙂

Viewing 25 results - 4,651 through 4,675 (of 8,091 total)