Exclude some menu items on mobile site?

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Wed Jan 28, 2015 8:21 pm
Reply with quote
Report this post
Hi!

I want to exclude some menu-items to show up on the menu when watching the site on a phone.
Is that possible?
User avatar
Gold Boarder

GK User
Wed Jan 28, 2015 8:47 pm
Reply with quote
Report this post
Hi,
unfortunately but none of GK have this option,
but I know one Template Framework which get this feature very soon in his v3.

BTW
But I if I think deeper in my mind....
I think that using right menu item ID and @media (max-width: 440px) { ... } there is one possibility.
User avatar
Platinum Boarder

GK User
Thu Feb 19, 2015 11:41 am
Reply with quote
Report this post
Hi Oscar E,

I don't undertand the last thing.. that one possibility.. Can you help me with that?
User avatar
Gold Boarder

GK User
Thu Feb 19, 2015 2:00 pm
Reply with quote
Report this post
sure,
each menu item has its own ID, which is visible also in html code, example
<ul class="gkmenu level1">
<li class="first">
<a id="menu968" class=" first" href="/joomla25/storefront/index.php/hikashop/category-view" onmouseover="">Category view</a></li>
<li><a id="menu969" href="/joomla25/storefront/index.php/hikashop/checkout" onmouseover="">Checkout</a>
(...)
it means

that you can hide for example
Code: Select all
#menu968 {display:none;}


when screen size is smaller than 440px :)
User avatar
Platinum Boarder


cron