[JohnParticipant]

Hellos guys,

I’m seeing some strange spacing and rendering of custom headlines (set to h1) when I’m testing my site on both android and apple phones.

On this page:
http://www.allphaseslandscaping.net/new-homepage-000/

when I look on it on a galaxy s5 the word premium the top h1 headline is being pushed way over to the right (in a really weird way) I have no idea what that’s about.

And the second rendering issue is happening when I test this page on a Iphone 6:
http://www.allphaseslandscaping.net/services/premium-outdoor-features/

The h1 headline is not being spaced in the center of the page its kind of off center to the right. I would like this headline to be in the direct center of the boxed layout when viewed on a Iphone.

I’ve attached screen shots to help you understand the problems I’m seeing.

Thank you for the help fixing these issues guys.

John

[ChristopherModerator]

Hi there,

#1 Please add responsive text element under cornerstone settings and define minimum and maximum font sizes. Next add selector name without predot in headline class field.

e.g :

selector: .responsive-heading
Headline class : responsive-heading

#2 Please add the following code in Customize -> Custom -> CSS :

@media (max-width:480px){
h1 {
    font-size: 28px !important;
}
}

Hope it helps.

[JohnParticipant]

Do I add this css in conerstone or in the more traditional customizer?

[JohnParticipant]

I got it, plz disregard the above post.

Looks great on my galaxy s5 but when I’m looking over the site on IpadPeek (http://ipadpeek.com/) its the H1 on this page:

http://www.allphaseslandscaping.net/services/premium-outdoor-features/

Is still looking a bit out of bounds and off center, take a look:

http://prntscr.com/ar1buc

Now this is a Iphone simulator so I’m not 100% sure of the results but in the past its preformed reliably. If you have access to an actual Iphone to look and see if this problem is happening for real that would be a good place to start.

Thanks for the continued help,

JT

[ChristopherModerator]

Hi there,

I checked your site in Iphone 6s and headline was displaying fine. Please see the attachment.

Hope it helps.

[Author]

Posts