Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 18, 2020 at 12:44 pm #1194089
    studiono

    Hello! I have the h2 class with a :before that shows an image before the title. The problem I have is that, when on mobile, when the title is too long, the line goes down and doesn’t stay at the same level of the first line, but goes more left. How can I fix this? I am attaching a couple of link to show better what I mean.

    Thanks guys you are amazing!

    March 19, 2020 at 6:02 am #1194309
    Rikard

    Hey studiono,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.av-special-heading-tag:before {
    display: inline-block;
    padding-bottom: 30px;
}
}

    Best regards,
    Rikard

    • This reply was modified 4 years, 8 months ago by Rikard.
    March 19, 2020 at 9:22 am #1194332
    studiono

    Hi Rikard thanks but it’s not working, with your code it just move the second line down, I attach a couple of screenshots to explain better

    March 19, 2020 at 11:33 am #1194371
    studiono

    Ok I think I fixed that by myself with this code

    
@media only screen and (max-width: 767px){
.av-special-heading-tag:before {
margin-left: -64px;
}    
body .av-special-heading .av-special-heading-tag {
padding-left: 64px;
}
}

    what do you think? is it right or I am going to have other problems?

    thanks!

    March 20, 2020 at 3:54 am #1194663
    Rikard

    Hi,

    Thanks for the update. If that code works then I don’t see any problem with using it :-)

    Best regards,
    Rikard

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