Shape 5

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

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

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   

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

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

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

Best regards Peter

NP

-Mike