: Menu on smaller screens : kkoryaka May 28, 2015, 02:45:18 PM When I change the width of my browser and make it less than 900px my main menu drops down out of place... Is it possible to make main menu go to mobile menu mode if browser width is less than 900px? How can i assign it?
: Re: Menu on smaller screens : Tristan Rineer June 01, 2015, 07:21:05 AM Can you provide a link to your site so I can see what's happening?
The mobile version of the menu automatically appears at a screen width of 750px; you may be able to change that, just take a look at it with Firebug (http://getfirebug.com/) to figure out where in the CSS you'll need to adjust. : Re: Menu on smaller screens : kkoryaka June 05, 2015, 11:03:26 AM iltonline.org
: Re: Menu on smaller screens : Tristan Rineer June 09, 2015, 12:05:01 PM I asked one of the designers about the problem you're having, this is the response I was given:
They're dropping out because the combined menu and logo are wider than the available space. Any time that happens the last element jumps below because there's no longer room for both to show. The only options are: 1. Smaller logo 2. Less menu items 3. This would shrink the padding of the menu items to allow for more space: : @media screen and (max-width: 1000px){ #s5_nav li .s5_level1_span2 a { padding-left:1px !important; padding-right:1px !important; } } : Re: Menu on smaller screens : kkoryaka June 09, 2015, 12:54:12 PM But mobile menu version appears as soon as you re-size browser window to 750px wide. I am pretty sure that it is possible to increase that number to let's say 900... I was trying to find the way to change it in CSS in firebug but i could not find it. Just tell what what causes regular menu to become mobile? is it some particular css that I could not find or is it JavaScript?
: Re: Menu on smaller screens : Tristan Rineer June 09, 2015, 01:14:48 PM Unfortunately, it appears that there is no easy way to change the width that triggers the menu switching between mobile and desktop. I asked the developer who worked on it, and he says that it would require editing multiple files, as there's not only a lot of CSS, but also a few different javascript functions involved in the process.
Since it would require custom coding (and a lot of it), the best I can do is suggest that you post to the Hire-a-Coder (http://www.shape5.com/hire_a_coder/) area to see if someone else is able to help you do it. : Re: Menu on smaller screens : kkoryaka June 11, 2015, 11:45:04 AM Thank you sir for trying.
|