logo maximenuck 64Maximenu CK

Maximenu CK is a Joomla megamenu dropdown with nice effects.

logo slideshowck 64Slideshow CK

Slideshow CK, nice effect with this slideshow responsive design.

logo accordeonmenuck joomlaAccordeon Menu CK

Accordeon menu CK is a joomla accordion menu with mootools effects.

logo template creator joomlaTemplate Creator CK

Template Creator CK is a tool to create your own Joomla! templates.

Welcome, Guest
Username: Password: Remember me

TOPIC: [Solved] Text properties not suitable for mobile

[Solved] Text properties not suitable for mobile 29 Nov 2016 14:35 #39075

  • ClaudioRomeo
  • ClaudioRomeo's Avatar
  • OFFLINE
  • Expert Boarder
  • Posts: 91
  • Thank you received: 3
  • Karma: 0
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.
Do you need VirtueMart Documentation? Check VirtueMart Matters
Last Edit: 02 Dec 2016 15:13 by ClaudioRomeo.
The administrator has disabled public write access.

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

  • ced1870
  • ced1870's Avatar
  • NOW ONLINE
  • Administrateur
  • Posts: 17490
  • Thank you received: 2232
  • Karma: 389
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
The administrator has disabled public write access.

Text properties not suitable for mobile 02 Dec 2016 10:11 #39113

  • ClaudioRomeo
  • ClaudioRomeo's Avatar
  • OFFLINE
  • Expert Boarder
  • Posts: 91
  • Thank you received: 3
  • Karma: 0
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! :)
Do you need VirtueMart Documentation? Check VirtueMart Matters
The administrator has disabled public write access.

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

  • ced1870
  • ced1870's Avatar
  • NOW ONLINE
  • Administrateur
  • Posts: 17490
  • Thank you received: 2232
  • Karma: 389
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
The administrator has disabled public write access.

Text properties not suitable for mobile 02 Dec 2016 10:57 #39115

  • ClaudioRomeo
  • ClaudioRomeo's Avatar
  • OFFLINE
  • Expert Boarder
  • Posts: 91
  • Thank you received: 3
  • Karma: 0
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?
Do you need VirtueMart Documentation? Check VirtueMart Matters
The administrator has disabled public write access.

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

  • ced1870
  • ced1870's Avatar
  • NOW ONLINE
  • Administrateur
  • Posts: 17490
  • Thank you received: 2232
  • Karma: 389
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
The administrator has disabled public write access.

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

  • ClaudioRomeo
  • ClaudioRomeo's Avatar
  • OFFLINE
  • Expert Boarder
  • Posts: 91
  • Thank you received: 3
  • Karma: 0
At the end, all works fine.
Modules do exactly what I need.
Perfect!
Thank you for your evaluable support!
Do you need VirtueMart Documentation? Check VirtueMart Matters
The administrator has disabled public write access.

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

  • ced1870
  • ced1870's Avatar
  • NOW ONLINE
  • Administrateur
  • Posts: 17490
  • Thank you received: 2232
  • Karma: 389
thank you :)
Joomlack Webmaster and Developer
The administrator has disabled public write access.
Time to create page: 0.221 seconds
Powered by Kunena Forum

Mentions légales

Site made by Cédric KEIFLIN

Privacy policy

Copyright © 2010 - 2015

http://forum.joomlack.fr is not affiliated with or endorsed by the Joomla! Project or Open Source Matters. The Joomla!® name and logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.

Qui est en ligne

We have 115 guests and 5 members online