Change the distance between menu and submenu!

GK User
Thu Apr 09, 2015 7:11 am
Hello Friends,
how can you change the distance between the menu and submenu?
That's me too far apart will make shorter in something! (see image)

menuabstand.jpg



Thanks in advance!

Many Greetings :)
Sakari

Note: Website is not online, if the question is coming!
User avatar
Expert Boarder

GK User
Thu Apr 09, 2015 8:55 am
Could you please post an url to your site?
User avatar
Moderator

GK User
Thu Apr 09, 2015 9:42 am
sakari wrote:Note: Website is not online, if the question is coming!

The site is not yet online, but the same can be seen even on Gavick demo page, or not? :roll:

https://demo.gavick.com/joomla25/photo/

It's not a bug, so you have to search it on my website, but just a general question as to where you can change it!
:) :)
User avatar
Expert Boarder

GK User
Fri Apr 10, 2015 12:49 pm
I found it under css/menu.css!
Did the percentage value changed pixels and easily adapted to my menu!
And of course, purely written in the override.css!

From:
Code: Select all
#overlay-menu-content .level1.gk-active,
#overlay-menu-content .level2.gk-active {
   left: 100%;
   margin-left: 0;
   opacity: 1;
}


to:

Code: Select all

#overlay-menu-content .level1.gk-active,
#overlay-menu-content .level2.gk-active {
   left: 400px;
   margin-left: 0;
   opacity: 1;
}



:)
User avatar
Expert Boarder

GK User
Mon Apr 13, 2015 10:35 am
You are faster than a speed of light :)
Great use of firebug/dev tools.

Just remember - you doesn't have to copy entire declaration - only those values you have changed.
So for example, if original declaration :
Code: Select all
#overlay-menu-content .level1.gk-active,
#overlay-menu-content .level2.gk-active {
   left: 400px;
   margin-left: 0;
   opacity: 1;
}

and the only value to be modified is: left: 400px, then you can use only:
Code: Select all
#overlay-menu-content .level1.gk-active,
#overlay-menu-content .level2.gk-active {
   left: 300px;
}

Modifying it to 300px value :).
User avatar
Moderator

GK User
Mon Apr 13, 2015 12:36 pm
When the change in the distance between the menu and submenu I have found that you get more problems with the sensitivity of submenus, because he gets too close probably with the menu!
So frankly, this menu is not acceptable, especially for the quality of GavickPro!
In another post I suggested if it is to get a click menu instead of mouseover menu possible or how to change it!

https://www.gavick.com/forums/photo-joo ... vity-43842

It would be nice if you get a further selection and that the Off-Canvas menu!
Would that be possible? :)
User avatar
Expert Boarder

GK User
Mon Apr 13, 2015 12:46 pm
Wanted something to add! :)

In the demo, you will not notice it because the font size from the first menu is large ratio of the submenus!
Since I have many menu items, I have to keep the font size smaller, otherwise not all menu items are visible immediately and then many topics in the submenu!
The Anweder get through this menu a burnout! :)

As already stated, an Off-Canvas Menu would highly picures!
User avatar
Expert Boarder

GK User
Mon Apr 13, 2015 5:42 pm
Hmm, I'll talk to the devs to suggest them changing this type of menu to side menu, or providing "on click" version. I'll let you know what did they say.
User avatar
Moderator

GK User
Mon Apr 13, 2015 5:44 pm
The only downside of the clickable version I see is that parent element cant be clickable - it would only be a "grouping" element.
User avatar
Moderator

GK User
Mon Apr 13, 2015 5:55 pm
Many Thanks!

And as I said there are only suggestions, but in any case, the menu is in need of improvement! :)

Oh, to have one more question!
How long approximately does such a change in the developer? :)
Last edited by GK User on Mon Apr 13, 2015 5:59 pm, edited 2 times in total.
User avatar
Expert Boarder

GK User
Mon Apr 13, 2015 5:57 pm
I know, I'm glad you provided some ideas, not its in dev's hands to decide if and which could be implemented to improve the menu.
User avatar
Moderator


cron