revolution slider text overlap

[egoexmachina]

Hello, I have seen a previous topic in this forum regarding this issue, but due to the “private response” policy, I think I am missing one part of the solution.
The problem is that revolution slider text, set in two lines, seems to be overlapping in small screens. I have 3 layers of text on top of the background image all aligned perfectly well in large screens. Once I reduce screen size, the text piles up with no apparent order. I have tried using this code: `@media only screen and (max-width: 1100px) {

.tp-caption.medium_text {
margin-top: 20px !important;
}
}

@media only screen and (max-width: 767px) {
.tp-caption.medium_text {
margin-top: 30px !important;
}
.button.transparent {
margin-top: 80px !important;
}`
And it solves some of the problems I have, but one of the words ( always in the second line) does not behave as it should.
I´ll provide url and wordpress temporary access in a following message. Thank you in advance.

[egoexmachina]

This reply has been marked as private.

[Ernesto]

Hi,
Could you specify in which of the pages this problem is presenting?

[egoexmachina]

This reply has been marked as private.

[Ernesto]

Hi,
I’ve checking the issue, but I cannot enter the Custom CSS Section of the test since I need admin permission.

[egoexmachina]

Sorry, now you can.

[egoexmachina]

Anything on this?

[Author]

Posts