Launch Pro – no homepage sliders or text on iPhone

[lori DiGuardi]

Hello,

The site homepage and formatting are not showing correctly on smart phones.

The homepage text is not showing on smartphones. Nor are the sliders. I have 3 sliders.

www.anger101book.com

Thank you.

Lori

[Sonnal S Sinha]

Hi Lori,

Can you send us screenshot? Upload your screenshot on imgur.com and paste the share URL here.

Regards,
Brad

[lori DiGuardi]

http://anger101book.com/mobile-screenshot.png

[lori DiGuardi]

I’ve never used imgur.com. Where specifically do I upload the screenshot?
Thank you.

[Sonnal S Sinha]

Hi Lori,

Kindly go to Appearance>>Customize>>Basic>>Custom CSS Box

Add this code there:

@media screen and (max-width:767px) {
.nivo-caption{display:block !important; width:90% !important; left:5% !important;}
.nivo-caption p{font-size:12px !important; line-height:12px;}
.slide_info ul li{font-size:12px; line-height:12px;}
}

Regards,
Brad

[lori DiGuardi]

Hello Brad,

I’ve implemented the code you provided. The result is that on portrait view on a phone, only VERY LARGE homepage slider header shows – no other text, and therefore none of the 3 homepage sliders text shows. On landscape view, homepage sliders show with text – though font size is not quite right.

Here’s a url of portrait mode: http://www.anger101book.com/anger101book.png

Thank you for your continued help in resolving this issue.

Lori

[Sonnal S Sinha]

Hi Lori,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

@media screen and (max-width:479px) {
.nivo-caption h2 { font-size:18px !important;}
}

Regards,
Brad

[Author]

Posts