Jump to content

Archived

This topic is now archived and is closed to further replies.

hrachovec

How to make collapsed menu larger?

Recommended Posts

hrachovec

Hello:

I’m trying to make the little ‘hamburger menu’ on my website larger. When it’s viewed on an iPhone and the menu in the top right gets condensed, the 3 little bars is a bit too small. I want to scale it up slightly but can’t figure out which element is controlling it, despite poking around Chrome Dev Tools and trying different things.

The site is here:
http://testing003.compoundeyedesign.com/

A screenshot of the menu I’m trying to enlarge is here:
https://www.evernote.com/l/AAQkS0ldqk5CNrqLqESjud3Qj-yNDGFdt6U

Any ideas?

Cheers, R

Share this post


Link to post
Share on other sites
hrachovec

Nevermind. I figured it out. It was the font-size of the icon element which needed adjusting. So I created this CSS rule:

 

#menu-main-menu-1 > li.popup-nav > a > i { /* adjust font size of hamburger menu */
    font-size: 2em;
}

.. incase anyone else has the same issue. 

 

R

Share this post


Link to post
Share on other sites
batman

Hi hrachovec

Thank you for informing us that the issue is now resolved we appreciate it.

;)

 


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites

×