Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 30, 2021 at 1:43 pm #1322982
    Yory

    Hi
    I have a special heading inside a color section on the homepage and the text seems to be off center on mobile portrait orientation. I could not find a reason or a fix. Could you please have a look and let me know how can I center the text in the special heading or the element itself?
    Thank you

    September 30, 2021 at 2:07 pm #1322990
    Yigit

    Hey,

    Thanks for contacting us!

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

    @media only screen and (max-width: 767px) { 
#top.rtl .av-special-heading.elegant-centered {
    margin-right: 0;
}}

    Regards,
    Yigit

    September 30, 2021 at 2:43 pm #1323011
    Yory

    Thank you
    that worked perfectly!
    can you please briefly explain what was the issue? is it in RTL css or in the way my elements were setup?
    will this css negatively effect LTR pages?

    September 30, 2021 at 2:49 pm #1323014
    Yigit

    Hey,

    You are welcome!

    20px of margin around the title was the issue. It was setting it off center on mobile and setting right margin value to 0 fixes it :)

    Regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.