Forum Support

Shape 5
September 19, 2021, 04:37:25 PM *
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 do not show on some screens  (Read 286 times)
tellus
Jr. Member
**
Offline Offline

Posts: 21



« on: May 24, 2014, 03:57:46 AM »

Hi,

Our web page is not live and looks good. However I'm facing problems with the mail  horisontal menu.

On Ipad the main menu didn't not show.

I have Samsung Tablet that seems to be fine in landscape mode. However in portrait mode, there is no menu (I think a menu bar should appear at the leftside).

I also tested my web page on an old IBM Thinkpad, with resolution 1024x768. On this PC there was no menu.

I tried to adjust some settings, but to my opinion they should all be correct.

My Samsung android works fine.

Can you help me ?

See: www.tellus-rejser.dk

Best regards Peter Rebsdorf
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #1 on: May 24, 2014, 06:16:05 PM »

Hello,

On mobile devices and tablets the menu switched to the responsive menu instead of the main menu to adapt to a smaller width screen. This effect occurs once the device hits 750px in width. You can change when the responsive menu triggers (and hides the main menu) in the first line of the s5_responsive_bars.css by editing the pixel value here:

@media screen and (max-width: 750px) {

-Mike
Logged

Mike Nicoll
------------
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
tellus
Jr. Member
**
Offline Offline

Posts: 21



« Reply #2 on: May 30, 2014, 05:08:59 PM »

Hi Mike,

Thanks for yuor reply.

Yes, the resposive menu for tablets and mobiles are active at 750px and smaller screens. The problem is that the main menu disappear at a screen size width approx. 1050 px., meaning that betwwen 750 and 1050 there is no menu at all. Meaning the main menu in this interval can not be reduced. I have solved this by reducing the main menu to take less Space, then the menu shows.

Meanwhile another problem came up with the s5 tab show:

On screens between approx 1024 and 750 the photos in the tab show does not show at all. I have tried to change the photosize and other settings, but it does not respond. Pls. take a look ot my web page, on an Ipad and compare to a PC. Try the Ipad both portrait and landscape.

Do you have any ideas to solve this ?

www.tellus-rejser.dk

Best regards Peter   
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #3 on: May 31, 2014, 03:47:23 AM »

Hello,

That is because the width of the logo+menu items are too wide to fit on a single row so the menu items are being forced to the next line. To fix this you would have to either:

a) Reduce the amount of total menu items
b) Reduce the font size of the menu items

#s5_nav li {
font-size: 0.6em !Important;}

c) Remove the logo to allow more room for the menu items on smaller screens

-Mike
Logged

Mike Nicoll
------------
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
tellus
Jr. Member
**
Offline Offline

Posts: 21



« Reply #4 on: May 31, 2014, 04:28:55 AM »

Thanks Mike - for your kind and very quick responce. I have reduced the menu items it works.  Smiley

I had another issue with the S5 tab show. I'll post it as another topic

Best regards Peter
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #5 on: June 01, 2014, 07:11:19 PM »

NP

-Mike
Logged

Mike Nicoll
------------
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
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.