Menu on iPad

[eyetechoptom]

Hi

Hope you can help…

The links in menu on the iPad is aligned to the left on a separate line. On a pc it is fine. Also still have a problem with the sticky menu not appearing consistently when scrolling down.

Site is http://www.optimed.co.uk/wordpress/captiv8-social-2/

In portrait mode the menu is even worse with the logo off the screen.

Thanks

[Raghavendra]

Actually there is not enough space for the menu to appear on the same line as logo. This is due to presence of Signup and Cart menu items which has occupied some extra space compared to other menu items. If you remove those, we can make some room for the menu to be beside the logo.

For the menu moving to the left, pls have the following change in Custom CSS –

@media only screen and (max-width: 959px) and (min-width: 768px) {
#primary-menu {
right: 0;
}
}

[eyetechoptom]

This reply has been marked as private.

[Nexus]

Pls post the following code into custom css in theme options and see whether it helps

@media only screen and (max-width: 1024px){
#site-logo {
float: left;
}

#primary-menu > ul.menu > li > a {
font-size: 16px !important;
padding: 0 14px 0 !important;
}
}

Regarding the graphic not coming in the middle, you have a empty three column occupying the space in the left which is causing some trouble here. You will have to remove that empty three column from the stats section. Also I see some issues in the markup you have used in this section.

If you still face issues, pls post a temp login to your site and I can take a look.

[eyetechoptom]

This reply has been marked as private.

[eyetechoptom]

This reply has been marked as private.

[Nexus]

I am seeing the menu fine in my iPad. I will let you know if I get a chance to test this in another device. Besides, What iPad version are you using and what browser. Thanks!

[Author]

Posts