Mobile device rendering issues

[dsirard11]

Hello,

I’m still having issues with the way our site is rendered on mobile devices – specifically iPads. Before I list the issues, here is custom code we have in place:

@media only screen and (max-width: 1024px) {
.blog-grid-items .blog-item.col-sm-sf-5 {
width: 25%!important;
}
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
.image-banner-content p {
margin: 0!important;
}
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
.image-banner-content p {
margin: 0!important;
}

I’ve attached a few images for your reference.

1. When viewing portrait our entire navigation menu disappears. I have the menu set correctly to mobile – so it should appear.
2. When viewing landscape, the navigation menu renders incorrectly – text covers shopping cart icon and some text gets pushed to second line. It looks terrible.
3. The “show cart” and “show account options” are turned off but they still appear on the page.

I could really use some help fixing this.

Thank you,
Dawna

I would think that the site should adjust correctly to both views on the ipad. When I view other websites on an ipad, they render well in landscape and portrait views. Why isn’t this working with this theme?

Attachments:

You must be logged in to view attached files.

[dsirard11]

Any ideas?

[dsirard11]

I really could use some help today. The owner of the site is freaking out on me.

Thanks,
Dawna

[dsirard11]

Please, please help me. I’ve looked at all the other postings about mobile menus and tried everything. Nothing fixes these issues. 🙁

[dsirard11]

Update – I was able to solve the missing menu on the iPad portrait view. 🙂

However, if a user views the site landscape view, the text is still messed up. I do still need to figure that out.

I appreciate any help.
Dawna

[dsirard11]

In case you want to see what we are seeing:

http://mobt.me/GqzU

[dsirard11]

Is anyone going to help me? I don’t understand why no one is responding.

[David Martin – Support]

Hi,

When I view your site on landscape, the mobile menu is now showing.

Could you clarify what you mean by “the text is still messed up”, are you referring to the vertical alignment of the center text/image blocks?

Cheers,
David.

[dsirard11]

Hi David,

The mobile menus are all working and looking fine now – thanks to your amazing support! The only outstanding issue is the position of the text in the boxes on the home page. When viewing landscape, everything looks perfect. When viewing portrait the text is out of position (see attached). Is it possible to fix this?

Thank you,
Dawna

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

I have answered this in your other support thread.

Thanks,
David.