Joomla Templates Club 406,261 posts

[desmats Friend desmatsJoin date: May 2014Posts: 119Downloads:5Uploads:23 Thanks: 2 Thanked: 3 times in 2 posts]

#1051009

I posted a question here:

https://www.joomlart.com/forums/topic/mobile-layout-not-working-in-portrait/

But the thread has been closed, but this is related.

The captions are blocking out the images (see screenshots) what is the code snippet to remove theses from mobile view?

Also I may also experiment with reinstating the buttons – do I just remove the code in the previous thread?

---

Attachments:

1. 
2. 
3. 
4. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1051212

Hi
Kindly use this code in custom.css file to remove the caption for the mobile view

@media (max-width: 768px) {

.ja-ss-desc .ja-ss-caption {

    display: none;
}}

Hope it helps.

Regards

[desmats Friend desmatsJoin date: May 2014Posts: 119Downloads:5Uploads:23 Thanks: 2 Thanked: 3 times in 2 posts]

#1051455

Thanks this works I also want to remove the video play panel as it squeezes the type – see screener attached.

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1051579

H
You can hide the module positions from the layout options > Responsive layout > Extra small.
click on the eye icon to hide that position in that view.

Regards

[desmats Friend desmatsJoin date: May 2014Posts: 119Downloads:5Uploads:23 Thanks: 2 Thanked: 3 times in 2 posts]

#1051694

Thanks – I have made the changes.

I have one more question what is causing the white space on the attached screen shot – it only appears in mobile portrait view.

Thanks for your assistance Pankaj

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1051825

Hi
Open /templates/ja_decor/css/themes/yellow/mod_jaslideshowlite.css
Find

.ja-ss-item {
  display: block;
  float: left;
  margin: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  left: 0;
  width: 100%;
  min-height: 260px;
  z-index: 1;
  backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

change the min-height value to 240px or lower.

Regards

[desmats Friend desmatsJoin date: May 2014Posts: 119Downloads:5Uploads:23 Thanks: 2 Thanked: 3 times in 2 posts]

#1051915

Not the mod_jaslideshowlite-custom.css file?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1051926

Hi
Use this file to find the code
Open /templates/ja_decor/css/themes/yellow/mod_jaslideshowlite.css

Regards

[desmats Friend desmatsJoin date: May 2014Posts: 119Downloads:5Uploads:23 Thanks: 2 Thanked: 3 times in 2 posts]

#1052005

Got it thanks – it looks better now.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1052087

You are welcome!

[Author]

Posts