Sizing and Alignment off on iPhone 5s

Support
#1

Can anyone help me fix this issue? This page looks fine in all of the cornerstone previews, but looks horrible on my iPhone 5s unless I turn the screen horizontally. The image is way too small and the Header text is misaligned. Actually is there anyway to make the padding more responsive. I want more on larger screens but on this small screen it’s making everything too small.


Attaching screenshots from phone.

Thanks!
Katie

#2

Hi,

You can remove padding to give more space for your images to expand.

To do that, please add the code below in Cornerstone Builder > CSS

@media(max-width:480px) {
   .x-section,
   .x-container.max.width {
        padding:0px !important;
   }

   .my-headline .x-text-content-text-primary {
        font-size: 1.8em;
    }
}

You may change 0px to adjust spacing.

Hope that helps

#3

That seems to be working! Thank you so much!

#4

You’re most welcome, Katie.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.