Joomla Templates Club 406,261 posts

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#847646

Hi

You can try to add the suffix hidden- to the module advanced tab -> Module Class Suffix example:
hidden-xs to hidden module on extra-small layout , remember to add an empty space before the class suffix.

[davisj Friend davisjJoin date: June 2013Posts: 28Downloads:15Uploads:1 Thanks: 12 Thanked: 1 times in 1 posts]

#848503

Thanks Pavit. This kinda works but there’s still an issue, I’d prefer to fix it using the /local files method if possible.

When I did this on the home page, it worked – see [http://businessenglish.net.au/] as desired. Note – when you reduce the screen – the Slideshow is hidden as it should be and there is no extra space.

For some reason, this doesn’t work quite the same in the other templates.. When you reduce the screen to mobile, it doesn’t hide the section like it does on the home page, just the module. So there is still a massive gap up the top where the container is but a hidden slideshow module. See [http://businessenglish.net.au/how-we-help/working-professionals] for an example.

Any ideas how I can fix this?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#848835

There is a margin-top for the .ja-slideshow .container added to this file /templates/ja_brisk/css/template-responsive.css

you can add this to your custom.css

@media (max-width: 767px) {
  .ja-slideshow .container {
    padding-top: 0;
    margin-top: 0px!important;
  }
}

Try it

[davisj Friend davisjJoin date: June 2013Posts: 28Downloads:15Uploads:1 Thanks: 12 Thanked: 1 times in 1 posts]

#849482

Thanks Pavit, this worked!

Cheers, David

[Author]

Posts