Recent
Categories
View Replies (8)

J51_Carousel right side gap on iPhone6

0
Votes
Undo
  1. wneill
    wneill
  3. Commercial Templates
  4. Tuesday, 20 September 2016
  5.  Subscribe via email
I am using Stockholm which utilizes J51_Carousel in the top2a position. When the width of the browser is around 400-415 pixels or so (like on an iPhone 6), there is a gap on the right side of the image. See attachment. The image is 394 pixels wide, so once the browser width is smaller than that, it adjusts accordingly, and once it is larger than about 425 or so, it shows two images.

I would like it to switch to showing two images once it hits 394 pixels. If that won't work and there has to be a gap, I would like the image to be centered so there are small gaps on either side. I have tried a few things in the template parameters under Responsive Options, Responsive CSS, Phone Portrait CSS, but I haven't had any luck. My CSS skills are a little rusty. Ideas?
Responses (8)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

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

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
wneill
wneill
Accepted Answer Pending Moderation
0
Votes
Undo
http://downtownstudentministries.org/youth/new/

I prefer to make the changes myself rather than providing you with a login if possible. So if you have a CSS fix, please tell me here and I'll make it.

Thanks
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

To amend try adding the following to the Custom CSS field of your templates parameters...


p.site-slogan {

    display: inline-block;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
wneill
wneill
Accepted Answer Pending Moderation
0
Votes
Undo
I'm not sure why you are giving me CSS for the site slogan. The problem is with the J51_Carousel. Please reread my initial post and look at the attached image.
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Have you tried the suggested CSS? I believe the gap is created by the slogan div pushing outside of the template wrapper, causing this issue.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
wneill
wneill
Accepted Answer Pending Moderation
0
Votes
Undo
Ah, that makes sense! I had tried it and it didn't work. I tried removing the slogan completely and still no luck. I wondered if it was the CORE logo or the photo in the footer and tried removing those. Still no luck.
  1. more than a month ago
  2. Commercial Templates
  3. # 6
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 7
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

We have made some small amendments to your template settings. Could you check if the issue is still present?

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!