Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #487516

    I need some quick css to center the special heading on my iPad in portrait mode. For some reason it becomes left justified on this screen size. It looks like the button is centered however. Thanks!

    • This topic was modified 9 years, 4 months ago by djshortkut.
    #487726

    Hey djshortkut!

    It does look centered on my end. Can you please try adding following code to Quick CSS and check once again?

    body .av-special-heading.modern-centered {
        text-align: center!important;
    }

    Cheers!
    Yigit

    #488071

    Thanks Yigit. I input this code and it didn’t change anything. I have attached a better screen shot to show you what I’m talking about. Thank you!

    #488586

    Hi!

    Please edit the grid row element then add apply a unique id in the Section ID field. Use “custom-cell” for example. Adjust the padding of the cells on smaller screens:

    @media only screen and (max-width: 989px) {
    #custom-cell .flex_cell {
      padding: 20px !important;
    }}

    This will fix the text alignment.

    Best regards,
    Ismael

    #491002

    Thanks Ismael. I’ve tried entering both of these codes but neither fix the issue.

    #491960

    Hey!

    Alright. This should work:

    @media only screen and (max-width: 989px) {
    .custom-cell {
        padding: 20px !important;
    }}

    If the iPad has a retina display, please use this css media query: https://css-tricks.com/snippets/css/retina-display-media-query/

    Best regards,
    Ismael

    #492496

    Thank you so much Ismael! You can close this thread.

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Center Special Heading in Grid Row on iPad’ is closed to new replies.