travelI'm on Holidays until the 21 august.

The questions posted during this period will receive no answer, so please be patient and wait before posting in the forum. Thank you

New registrations are suspended during this period

Je suis en vacances jusqu'au 21 aout.

Je ne répondrai à aucune question postée durant cette période. Merci d'attendre mon retour. Merci

Les inscriptions sur le site sont suspendues pendant cette période

 

Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1

TOPIC: [Solved] Text properties not suitable for mobile

[Solved] Text properties not suitable for mobile 29 Nov 2016 14:35 #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.

Please Log in to join the conversation.

Do you need VirtueMart Documentation? Check VirtueMart Matters
Last Edit: by ClaudioRomeo.

Text properties not suitable for mobile 02 Dec 2016 09:04 #39112

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 17656
  • Karma: 391
  • Thank you received: 2263
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

Please Log in to join the conversation.

Joomlack Webmaster and Developer

Text properties not suitable for mobile 02 Dec 2016 10:11 #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! :)

Please Log in to join the conversation.

Do you need VirtueMart Documentation? Check VirtueMart Matters

Text properties not suitable for mobile 02 Dec 2016 10:24 #39114

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 17656
  • Karma: 391
  • Thank you received: 2263
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 :)

Please Log in to join the conversation.

Joomlack Webmaster and Developer

Text properties not suitable for mobile 02 Dec 2016 10:57 #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?

Please Log in to join the conversation.

Do you need VirtueMart Documentation? Check VirtueMart Matters

Text properties not suitable for mobile 02 Dec 2016 11:41 #39117

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 17656
  • Karma: 391
  • Thank you received: 2263
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 ;)

Please Log in to join the conversation.

Joomlack Webmaster and Developer

Text properties not suitable for mobile 02 Dec 2016 15:12 #39125

At the end, all works fine.
Modules do exactly what I need.
Perfect!
Thank you for your evaluable support!

Please Log in to join the conversation.

Do you need VirtueMart Documentation? Check VirtueMart Matters

Text properties not suitable for mobile 03 Dec 2016 09:34 #39138

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 17656
  • Karma: 391
  • Thank you received: 2263
thank you :)

Please Log in to join the conversation.

Joomlack Webmaster and Developer
  • Page:
  • 1
Time to create page: 0.349 seconds

Fast and powerful creation, customizable and responsive.

Read More

Qui est en ligne

We have 222 guests and no members online