Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 14, 2015 at 1:52 am #487516
    djshortkut

    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, 3 months ago by djshortkut.
    August 14, 2015 at 12:42 pm #487726
    Yigit

    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

    August 15, 2015 at 12:50 am #488071
    djshortkut

    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!

    August 17, 2015 at 6:58 am #488586
    Ismael

    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

    August 20, 2015 at 6:46 pm #491002
    djshortkut

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

    August 24, 2015 at 1:35 am #491960
    Ismael

    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

    August 24, 2015 at 8:59 pm #492496
    djshortkut

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

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