1. kash_14
  2. Commercial Templates
  3. Tuesday, 17 March 2015
  4.  Subscribe via email
Hello,
If I put a slideshow/image in the showcase position, there is a blank space at the top of the image. How do I get rid of it.
Thanks,

KK

http://www.kksfavthings.com
Accepted Answer Pending Moderation
0
Votes
Undo
It just does not show up properly as a background image. If i enable the slideshow module and have only one slide, it is full screen and does not loop, stays as a static image. That is exactly what i want, but it only works on a desktop, the image doesnot show up on mobile devices.
Is there anyway for it to show up on mobile devices? Actually it was showing up on mobile devices but had the padding, but after i inserted the last code that u provided, the image stopped showing.

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

This option is not available with a static image. The background:cover CSS property will only work with a background image. May I suggest using the 'header background image' option available with the template.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
What I'm trying to achieve is basically a static header image with a full screen width, not a slideshow, but if I make an image module, it does not stretch full screen, even on the showcase position.
Thanks,
KK
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Hi KK

Could you also try adding the following Custom CSS...


@media only screen and (max-width: 1024px) {
#container_slideshow {
padding-top: 0px;
}}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
It works perfect on a desktop, but the padding is still there on a mobile device.

Thanks,
KK
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Try the following custom css..


#slideshow.block_holder {
padding: 0;
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Accepted Answer Pending Moderation
  1. more than a month ago
  2. Commercial Templates
  3. # 7
Accepted Answer Pending Moderation
0
Votes
Undo
Hi KK

Would you have a URL directly to an example of this issue?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 8
  • 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