Joomla Templates Club 406,261 posts

[sobini Friend sobiniJoin date: May 2007Posts: 52Downloads:4Uploads:6 Thanks: 29]

#190075

Hi!

How do I use the slideshow in the responsive disabled layout?
When responsive is disabled the slideshow uses the whole width of the screen – getting bigger than the template.
In the mobil version it reduces it’s size.

The reason I disabled responsive is that I don’t like the responsive layout on very mobil diveses. And I don’t know how to make the mobil layout look like the normal layout.

Any help in how I can resize the slideshow or change the mobil layout to look like the normal layout is appreciated.

Thanks!

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#503760

You can try with my below solution:

Create custom.css file in templates/ja_beranis/css/ folder

Add new script

@media (max-width: 767px) {
.hidden{
display: block !important;
}
}

[sobini Friend sobiniJoin date: May 2007Posts: 52Downloads:4Uploads:6 Thanks: 29]

#503807

Unfortunately that didn’t work.
Is there any other solution that I can try?

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#503875

It would be great if you can include URL of your site and i will try to help you then.

[sobini Friend sobiniJoin date: May 2007Posts: 52Downloads:4Uploads:6 Thanks: 29]

#504240

The URL is: http://dev-uwerk.ganserdesign.com
I PM you the login details, I hope you received them.

Thanks for your help.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#504264

You can try with below my other solution.

Open templates/ja_beranis/css/template.css file

From


.container {
background-color: #fff;
padding-left: 40px;
padding-right: 40px;
-webkit-box-shadow: 2px 20px 20px 0 rgba(0,0,0,0.5);
-moz-box-shadow: 2px 20px 20px 0 rgba(0,0,0,0.5);
box-shadow: 2px 20px 20px 0 rgba(0,0,0,0.5);
}


Change to


.container {
background-color: #fff;
padding-left: 40px;
padding-right: 40px;
-webkit-box-shadow: 2px 20px 20px 0 rgba(0,0,0,0.5);
-moz-box-shadow: 2px 20px 20px 0 rgba(0,0,0,0.5);
box-shadow: 2px 20px 20px 0 rgba(0,0,0,0.5);
width: 800px !important;
}


1 user says Thank You to Ninja Lead for this useful post

1. sobini

[sobini Friend sobiniJoin date: May 2007Posts: 52Downloads:4Uploads:6 Thanks: 29]

#504383

Thank A LOT! That worked!

[Author]

Posts