1. ragal51
  2. Commercial Templates
  3. Wednesday, 13 November 2019
  4.  Subscribe via email
Hi,

the Slider in Chelsea is not responsive. I did following:

Template Style > Responsive options
under:
Tablet (Portrait) Custom CSS
Phone (L/scape) Custom CSS
Phone (Portrait) Custom CSS
I put this code:

.showcase {
display: none !important;
}


Is not working.
Please advise.
Thanks
Mike
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Mike

The CSS you have added would hide the showcase modules on smaller screens. Is this your intent?

Could you please detail in what way your slideshow is not responsive? Would you have a URL to an example of this issue?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,

Actualy I would be happy if the slider wouold be responsive on tablets and smartphones.
If not it is ok but it should be at least possible to deactivate the slider or the showcase module on smaller screens.
Here the address of the site: http://www.oekotel.com

Thank you
Mike
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hi MIke

Do you wish the image slideshow ratio to remain the same on all screen sizes (no image cropping)?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,

Either
1) images should get smaller on smaller screens (the smaller the screens the smaller the images, so that we can see the whole image on any screen) or
2) dissable the slideshow or the module on smaller screens.

At least one of these tow possibilities should work.

Thank you
Mike
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Mike

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

@media only screen and (max-width: 959px) {
#header {
height: auto !important;
padding-bottom: 50%;
}
#container_header .wrapper960 {

min-height: auto;
padding-bottom: 50%;
}
}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
THANK YOU VERY MUCH

it works...

Best regards.
Mike
  1. more than a month ago
  2. Commercial Templates
  3. # 6
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com 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.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok