Making a text "menu" below the hamburger menu icon

Posted in: Newspaper
Post count: 22

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 πŸ™‚

Post count: 20688

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

Post count: 22

Hi Simon!

Thanks for the fast reply.

Anyway the code isn’t working πŸ™

i put the code as your instruction under the the theme panel –> custom code –> advanced css –> phone –> (the code)

any suggestion?

Thanks πŸ™‚

Post count: 22

ah btw….

do i need to activated the mobile theme first?

i am not activated the mobile theme for now, since the responsive theme already made it possible to responsive on every mobile devices.

Thanks πŸ™‚

Post count: 22

i just realize this is a weekend holiday.
ahhhh weekend, just go away….fast…. and give my Simion C back πŸ™

Post count: 20688

No need to activate the mobile theme. I tested the code again, seems to work
https://www.screencast.com/t/jqf03wKq3BO
However it would be best to provide a link to your website so I can test there, for a more accurate solution.
Also mention if the solution would be in the right direction, or you are looking for something else.

Post count: 22

Hi,

yep, your solution is what i want to with my site, but there is something weird.

here is how i put the code –> https://www.screencast.com/t/XOx7Dj9Dv

and here is the result –> https://www.screencast.com/t/XyOVmHlsr

here is my site –> https://kliksm.com

hope you can help me πŸ™‚

Post count: 20688

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.

Post count: 22

Hi Simion,

As always, thanks for your fast reply.

But it’s still not working πŸ™
This evening, my friend suggest me to add code like your first suggestion ( this –> https://forum.tagdiv.com/topic/making-a-text-menu-below-the-hamburger-menu-icon/#post-258458)

and now you come with second suggestion but it still not work πŸ™
any other suggestion?

anyway, is there any people here get this issues?

Thankyou guys πŸ™‚

Post count: 22

Hi Simion,

i got a news..

i see that “menu” text below the menu icon after i press “search button’s icon” on an amp page.

try to go at –> https://kliksm.com/penjelasan-seputar-stamina-di-ragnarok-m-eternal-love/amp/

and then click search button. The “menu” text will appear there.

but why it’s only work like this?

any suggestion?

Thankyou πŸ™‚

Post count: 20688

I see the text when checking – https://www.screencast.com/t/DZVppkwjFU
https://www.screencast.com/t/eSNt0lxrH
If you don’t see it try to force refresh the page in the browser (Ctrl+Shift+R). It could be the browser cache.

Post count: 22

hi, yes you right, the problem is with the browser cache.
it’s solved.

Thanks for the help Simion πŸ™‚

Viewing 12 posts - 1 through 12 (of 12 total)
The forum ‘Newspaper’ is closed to new topics and replies.