Joomla Templates Club 406,261 posts

[infocubic Friend infocubicJoin date: September 2011Posts: 105Downloads:71Uploads:66 Thanks: 8 Thanked: 1 times in 1 posts]

#1030718

Hi,

Please let me know how do I enable menu item sidebar to view in mobile for syaxe.com.

And also let me know how to I make responsive slideshow module for mobile site.

---

Attachments:

1. 

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

#1030823

Hi
There are 2 steps to activate Off-canvas as mobile menu.

To enable Off-canvas sidebar, go to JA Healthcare template style > Addon-ons and enable the Off-canvas sidebar option.
Next, create Menu module and assign to the off-canvas position. Check out the module settings below:

Module position: off-canvas

For the slideshow kindly share the site URL here.

Regards

[infocubic Friend infocubicJoin date: September 2011Posts: 105Downloads:71Uploads:66 Thanks: 8 Thanked: 1 times in 1 posts]

#1031137

The URL is http://syaxe.com/

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

#1031284

Hi
In the mobile slideshow is using the height for the image 500px.
because if the image is responsive it will resize and Text showing over the image no more visible.
This is why image is not showing well in mobile.
You can try below code in custom.css file and see the difference when image responsive.

@media (max-width: 767px)
{
.acm-slideshow .owl-carousel .item .img-bg {
    max-height: 500px;
    width: 100%;
}}

Regards

[infocubic Friend infocubicJoin date: September 2011Posts: 105Downloads:71Uploads:66 Thanks: 8 Thanked: 1 times in 1 posts]

#1031311

I did not find custom.css in templates/ja_healthcare/css folder. Please suggest where to find out.

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

#1031312

Hi
Kindly add a file with name custom.css in
templates/ja_healthcare/css folder

Regards

[infocubic Friend infocubicJoin date: September 2011Posts: 105Downloads:71Uploads:66 Thanks: 8 Thanked: 1 times in 1 posts]

#1031355

I have added the code you have mentioned in custom.css. Now the Images are showing responsive, but the text is not responsive. Pls see the screen shot

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

#1031361

In the mobile slideshow is using the height for the image 500px.
because if the image is responsive it will resize and Text showing over the image no more visible.
This is why the image is not showing well in mobile.

You have to remove the responsive code if you want to show the text. because the text background not getting enough height it looks like this.
Or if you want to show the image responsive you need to hide the text from mobile.

This is the reason we have not added an image as responsive.

[Author]

Posts