Mobile site

[Sharan West-Rivett]

G’Day all,

Please could you tell me how I can get our site to show as a mobile site?

here are two screenshots on my iPhone5 (i know a bit geriatric…)

homepage on desktop (Chrome)
homepage on iPhone (Safari)
homepage for mobile site on iPhone5 (Safari)

I looked at settings and I can’t figure it out.

Thanks! R

[Sonnal S Sinha]

Hi Sharan,

Kindly deactivate the Jetpack plugin and check.

Regards,
Dave

[Sharan West-Rivett]

Thanks Dave,

I have deactivated jetpack and I don’t see the m.pepofarms.com.au site anymore – a ‘server could not be found’ message responded.

next question, on the desktop the main image (only one in slider) has the wording on it. How come it’s not showing on the mobile version – same url: www.pepofarms.com.au on the desktop vs. this screenshot of the iPhone Safari.

thanks, R

[Sonnal S Sinha]

Hi,

Kindly add this code in custom css box:

@media screen and (max-width:768px){
.nivo-caption{top:0 !important;}
#slider .top-bar{top:0 !important;}
#slider .top-bar h2{font-size:20px !important;}
a.arrow-down, #slider .top-bar p{display:block !important;}
#slider .top-bar p{font-size:14px !important; line-height:16px !important;}
}

Regards,
Dave

[Sharan West-Rivett]

Thanks for that!
my next question 😀
how do I get to see all the text and the link button?

here is a screenshot after entering the code above from my iPhone.

missing the end of text and the button :o)

ttfn, R

[Sonnal S Sinha]

Hi,

Kindly add this code in Custom CSS Box

@media screen and (max-width:768px){
#slider .top-bar h2{padding:0 !important;}
#slider .top-bar p{margin:0 !important;}
#slider .top-bar p br{display:none;}
}

Regards,
Dave

[Sharan West-Rivett]

Thanks Dave 😀

[Sonnal S Sinha]

🙂

[Author]

Posts