Joomla Templates Club 406,261 posts

[cvindy Friend cvindyJoin date: October 2012Posts: 9Downloads:15Uploads:2]

#971079

Hello. I am loving this template but I am having three issues currently. See my site at See it at PSCraftCocktails.com:

1. Why is the module I have adapted the Participating Bars and Restaurants section overlapping the logo and menu bar on some screen widths? I tried changing the placement on the template but nothing works; the module either disappears or is in an odd place. Also, I wasn’t sure where to point this menu item. An image of the page is attached.

2. On iPhones, the Description field text does not show up on the slideshows. Is there a way to make it so it does?

3. Is there a setting to make it so the slides automatically scroll?

---

Attachments:

1. 

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

#971333

Hi
To enable the autoplay kindly apply the suggestion given in this thread .
For menu and description issue , kindly post your working site URL here .

[cvindy Friend cvindyJoin date: October 2012Posts: 9Downloads:15Uploads:2]

#971437

http://pscraftcocktailweek.com/index.php/participating-bars-and-restaurants

[cvindy Friend cvindyJoin date: October 2012Posts: 9Downloads:15Uploads:2]

#971476

Also, autoplay is already set to true, and the slides still do not automatically scroll.

So, I still need help with these three issues. Thanks.

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

#971521

Hi
For header its transparent for the slideshow position , this seems you are using same template style that used for Home menu on this menu , kindly try to change the template style .

For autoPlay kindly use
autoPlay: true,
P is capital
At present its autoplay .

To show description go to /css/custom.css file in the template folder and add below code

@media (max-width: 991px)
.acm-slideshow .owl-carousel .item .slider-content .item-desc {
    display: block!important;
}

[cvindy Friend cvindyJoin date: October 2012Posts: 9Downloads:15Uploads:2]

#971537

Thanks! Two of the three problems are solved.

However, as for the description field text on the mobile-version Slideshow: I cannot find a file /css/custom.css in the template folder.

I have attached a screenshot of everything in the ja_events_ii/css folder.

---

Attachments:

1. 

[cvindy Friend cvindyJoin date: October 2012Posts: 9Downloads:15Uploads:2]

#971546

We managed to fix it. We had to create the css file–it did not exist–and when we inserted the code, it made the photos weirdly huge. Here’s the code we put in the newly created file that worked:

@media (max-width: 991px) {

.acm-slideshow .owl-carousel .item .slider-content .item-desc {
display: block!important;
}
.slider-img {
height: auto;
width: auto;
max-width: 414px;
}
}

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

#971549

Please note that I not suggested

slider-img {
height: auto;
width: auto;
max-width: 414px;
}

[Author]

Posts