Monitor Reply

Support

Hamburger fonts

Permalink Browser Info Environment April 07, 2017 at 5:21 PM

Firstly - Thank you for adding both responsive menu and hamburger to Mega Menu.

However I have a problem. I have tried to change the font size in hamburger. The large screen sizes are fine, but especially sub links in hamburger are too small. Can it be changed? Independently - now I seem to be able to change the size, but it affects everything. But not the ratio of top and sub links.
I have gone threw a lot of pages (megamenu of course and bootstrap) but so far unsuccessfully.
Could you give a hint?
Problem is here,http://nettipaja.paivikekalainen.fi/...
(still under construction, and I think I just broke something...)

and even worse with an older site where I want to change hamburger;http://www.kuviskoulu.fi/en/now...

Type:	Pre-Sale
Status:	In Progress

jb1 replied on Apr 10, 2017 at 1:24 am Permalink Reply

Hi, thanks for your message.
Yes, you can override the menu font size for the mobile-friendly "hamburger" version of the menu. I suggest using Google Chrome then right-clicking and choosing "inspect". This tool makes it easy to identify which CSS code is active and that way you'll know where to change it.

Before:
https://screencast.com/t/J2wGhfERsR5...

After:
https://screencast.com/t/bTVKzWKQAOl...

To avoid "breaking" any of your customisations if you upgrade the add-on in the future, I suggest adding this class to your theme's CSS code:

#mmhamburger ul.mega-menuh li a{...customise font sizes...}

I hope this helps.

JB

PaiviK replied on Apr 10, 2017 at 3:37 pm Permalink Reply

Thank you. (funny to see my text in english in your examples)

SOLVED! I had problem with caching - no matter what I did, changes did not show - or showed partially. And therefore I could not fix the problem or do what I wanted.
Tried everything, emptied from Dashboard (and of course caching off), manually from the folder, from Chrome...
Then I remembered I had at some point problems Glogal Areas, Multilingual pages and Stacks. I emptied the glogal area in question - and problem solved! At least for now.

And now I see, that MegaMenu does just the thing I wished for. THANK you

Päivi
- - - - - -
PS.
My code is separately in theme folder. I have left the custom code field empty in MegaMenu, made a new less-file, added it to main.less. This has worked well, and has been much faster and nicer to edit.

What do you think, was it a bad idea? It might lead to future problems - could not resist trying to add less in the code (in modest way). Colors etc.

jb1 replied on Apr 22, 2017 at 8:55 am Permalink Reply

Hi, sorry for the delay in getting back to you. Been caught up in recent weeks with family challenges and travel.

Glad to hear you've got it working now.

I can't see any problem with adding the CSS code into an external file. Any future updates to the Mega Menu add-on should continue to work fine and won't overwrite the less file as long as it's kept outside the Mega Menu folder (to be safe).

JB

Mega Menu (v7, 8, 9+)

Support

Hamburger fonts

Issue Reply

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

Request Refund

Code

Delete Post