Support Forums

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

SP SMART SLIDER isn't adaptative design

Featured Lock Resolved Bug
Hi ,

i use Joomla 3.7.4
PHP 7.1
Template Sharper Helix 3

and i use SP SMAT SLIDER with CORPOREX design.
When i'm on computer it is ok but when i see on mobile the slider isn't reduce and the typography is to big.
How can i modifie this problem ?

Best regards

Jérôme
;)

Attachments (3)

  • Capture d’écran 2017-08-17 à 11.07.40.jpg
    Capture d’écran 2017-08-17 à 11.07.40.jpg 24.1 KB
  • Capture d’écran 2017-08-17 à 11.04.49.jpg
    Capture d’écran 2017-08-17 à 11.04.49.jpg 24.5 KB
  • Capture d’écran 2017-08-17 à 11.04.39.jpg
    Capture d’écran 2017-08-17 à 11.04.39.jpg 119.5 KB

7 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
on 2nd screenshot "Capture d’écran 2017-08-17 à 11.04.49.jpg "
there is obvious fact that logo for mobile is too big and it destroy slider area.
---
All fonts size (typography) can be reduced in mobile or tablet views by simple CSS rules.
It request 3 lines only.
If you can share URL ... 60 sec job

jeronimo89

More than a month ago #Permalink
http://www.co-mens-management.fr

thanks a lot Paul !!!
;)

Paul Frankowski - Staff

More than a month ago #Permalink
I used more than 3 lines, to even improve much more in mobile view


@media screen and (max-width: 480px) {
#sp-slider {padding:0;}
.sp-corporex-layout .sp-slider-content { width: 90%;left: 5%;top: 20%; padding: 15px;}
.sp-corporex-layout .sp-slider-content .sp-title { font-size: 15px;}
.sp-default-logo.visible-xs { max-height: 70px; max-width: 100% !important;}
}

Paul Frankowski - Staff

More than a month ago #Permalink
BTW
Why you added this inside your custom CSS section, it's really bad idea!

.sp-default-logo { max-width: 200%; }

jeronimo89

More than a month ago #Permalink
Hi Paul

i added this code because i would like the logotype with a heigh to big.
a lot of website of my clients have a logotype small and i must to reduce all the images of some site at 50% because Joomla in adaptative design generate some big image.
So when i change the code img at 50% it is all the image become at 50% and the logotype so.
I just find this code to set the logotype at 100% finally.
:(

BTW
Why you added this inside your custom CSS section, it's really bad idea!

.sp-default-logo { max-width: 200%; }

jeronimo89

More than a month ago #Permalink
i set your code and that's ok.
in retina my logotype is to small
Do you know which heigh i must to put ?
:(
thank a lot for your help Paul !
:(

Paul Frankowski - Staff

More than a month ago #Permalink
Just remove from my code this part :
.sp-default-logo.visible-xs { max-height: 70px; max-width: 100% !important;}


I guess, now you do not need this.


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 119
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 93
Toufiq

Toufiq

Total Accepted Answers: 32
Pavel

Pavel

Total Accepted Answers: 3
Al Mamun

Al Mamun

Total Accepted Answers: 3

100+

Templates

200,000+

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us