[Solved] Text properties not suitable for mobile

[Solved] Text properties not suitable for mobile was created by ClaudioRomeo

Posted 7 years 3 months ago #39075
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.

Counselor for better people in a better company

Last Edit:7 years 3 months ago by ClaudioRomeo
Last edit: 7 years 3 months ago by ClaudioRomeo.

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Text properties not suitable for mobile

Posted 7 years 3 months ago #39112
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

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by ClaudioRomeo on topic Text properties not suitable for mobile

Posted 7 years 3 months ago #39113

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! :)

Counselor for better people in a better company

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Text properties not suitable for mobile

Posted 7 years 3 months ago #39114
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 :)

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by ClaudioRomeo on topic Text properties not suitable for mobile

Posted 7 years 3 months ago #39115
Yes, in a such way it works. B)
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?

Counselor for better people in a better company

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Text properties not suitable for mobile

Posted 7 years 3 months ago #39117
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 ;)

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Time to create page: 0.699 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 524 guests and no members online