[Solved] Text properties not suitable for mobile

The text properties don't work well for mobile.

Problem #1
Despite of the Position top setting (I used 60%), on smartphone the text is placed close to the top.
In my opinion this is due to the position:relative property instead of position:absolute (as in desktop view). This should be modified in your code, shouldn’t it?

Problem #2
Setting the text size in em text resizing works well, but not the line-height: it remains fixed in px, even if I set it in em in Template Creator.
I don't know how to fix it. Could be made by a Line-height property for the text, in addition to the Size one?

Please, note that I don't use Bootstrap, due to incompatibilities with VirtueMart. So, my sites lack of Bootstrap capabilities.

Hi
I'm here
1/ I don't know where you put this setting ... could you be more precise ?
and please regive me the url of the page
2/ there is not line-height setting in the module, you shall manage this into your template. putting a line-height in em or % could be a solution, or use mediaqueries
CEd

1/ I don't know where you put this setting ... could you be more precise ?

In the Custo Parallax CK Pro module, Content tab -> Position top box.

and please regive me the url of the page

This test site Please, consider just the first parallax module, the one called Porte interne.

2/ there is not line-height setting in the module, you shall manage this into your template. putting a line-height in em or % could be a solution, or use mediaqueries
CEd

OK, but I already put the line-height value in % in Template Creator CK. It works well for desktop, not for mobile.

PS: welcome back!

you can add this in the custom css of the template

#customparallaxck90 .customparallaxck_content {
line-height:0.7em;
}

setting this on the parent block in template creator has no effect has the font-size is managed on the module and applies then to the children elements

if you don't want the element to place in a natural way with the relative position, you can also override it with

@media screen and (max-width: 524px) {
#customparallaxck90 div.customparallaxck_content_cont {

width: inherit !important;
left:inherit !important;
right: inherit !important;
position: absolute;
}

}

adapt the values to what you need

Yes, in a such way it works.
For the next version, I suggest to let the user specify these settings in the module options.

Since I'm going to have more than one parallax module, have I to set

#customparallaxck90 .customparallaxck_content {
line-height:0.7em;
}

for each module, specifying the correct module ID? For example

#customparallaxck91 .customparallaxck_content {
line-height:0.7em;
}

The same if I use mediaqueries?
Am I right?

you can try
.customparallaxck_content {
line-height:0.7em;
}

to apply it to every module
I can not add every css style in the module options, I think that this soulw be done in the content loaded