Forum Support

Shape 5
August 03, 2021, 10:16:30 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Menu on smaller screens  (Read 659 times)
kkoryaka
Jr. Member
**
Offline Offline

Posts: 102



« on: 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?
Logged
Tristan Rineer
Global Moderator
*****
Offline Offline

Posts: 3858

Gravatar


« Reply #1 on: 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 to figure out where in the CSS you'll need to adjust.
Logged

Tristan Rineer
------------
Shape 5 Team



- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
kkoryaka
Jr. Member
**
Offline Offline

Posts: 102



« Reply #2 on: June 05, 2015, 11:03:26 AM »

iltonline.org
Logged
Tristan Rineer
Global Moderator
*****
Offline Offline

Posts: 3858

Gravatar


« Reply #3 on: 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:
Quote
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:
   
   
Code:
@media screen and (max-width: 1000px){
#s5_nav li .s5_level1_span2 a {
padding-left:1px !important;
padding-right:1px !important;
}
}
Logged

Tristan Rineer
------------
Shape 5 Team



- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
kkoryaka
Jr. Member
**
Offline Offline

Posts: 102



« Reply #4 on: 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?
Logged
Tristan Rineer
Global Moderator
*****
Offline Offline

Posts: 3858

Gravatar


« Reply #5 on: 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 area to see if someone else is able to help you do it.
Logged

Tristan Rineer
------------
Shape 5 Team



- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
kkoryaka
Jr. Member
**
Offline Offline

Posts: 102



« Reply #6 on: June 11, 2015, 11:45:04 AM »

Thank you sir for trying.
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.