Home page loading on iPad incorrectly.

Hello,

For some reason when my site loads on an iPad, it loads with the main menu selected to menu item: "Women's Health".

See ref: http://drshawnadarou.com/

This is incorrect, since women's health is located at http://drshawnadarou.com/?p=2994 but the main menu shows "women's health" as selected. This a big problem since the actual women's health page cannot be navigated to via the home page since it loads as already selected. The work around is to select another menu item from the main like "Fertility Care", navigate to that page and then navigate back to "Women's Health" via the main menu. Can anyone help to resolve this issue? This is only a problem on mobile devices. Thanks

This menu on devices like iPad has always one item selected (first menu item). Unfortuantely you don't have "Home" menu item, so you have selected "Women's Health". Check Dashboard -> Appearance -> Menus.

that sucks. can I put Home as a menu item that only displays on iPad??

Yes, it's possible, create a new menu item e.g. "Home" with "hidden-item" CSS class, if CSS Classes (optional) is not visible in appearance -> menus, change screen options.

Then use this code in template.css file

Code: Select all

.hidden-item {
   display: none;
}

and this in tablet.css file

Code: Select all

.hidden-item {
   display: list-item;
}

works. thanks.