Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 3, 2015 at 9:46 pm #529628
    sbentley_1

    I have a client that would like the text to be centered on phones. I have tried using the media query and targeting the avia text block and i am not having any luck. What would the best option be to achieve this.

    November 4, 2015 at 10:14 am #529836
    Rikard

    Hi sbentley_1,

    Exactly what text do you want to center on phones? Please post a link to the site in question.

    Cheers!
    Rikard

    November 4, 2015 at 6:40 pm #530343
    sbentley_1

    They would like all the body text and headlines centered on phones.

    November 4, 2015 at 6:43 pm #530349
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 480px) { 
body * { text-align: center !important; }}

    Cheers!
    Yigit

    November 4, 2015 at 6:46 pm #530352
    sbentley_1

    This worked to center the text however it left the HR aligned left and right and the padding settings. It also effects the accordion on the second page.

    • This reply was modified 8 years, 6 months ago by sbentley_1.
  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Editing Mobile Styles in Enfold’ is closed to new replies.