1. apelsinskal
  2. Sherlock Holmes
  3. Commercial Templates
  4. Saturday, 14 July 2018
  5.  Subscribe via email
Hi, I am trying to turn off the header module so the slideshow will be hidden on mobile devices. It doesn't seem to work in this template, do you know if there is an error? Working on localhost. Skärmavbild 2018-07-14 kl. 10.34.17.png Skärmavbild 2018-07-14 kl. 10.34.26.png
Attachments (2)
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.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran, I have the website on local host at the moment. I will get back to you after I have published it.
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran, I have sent you the login details now.
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

I believe I now understand your issue. The mobile hide switches are for the header-1 and header-2 module position which does not include the slideshow. To hide the slideshow on small screen devices try adding the following to the Custom CSS field of your template settings...

@media only screen and (max-width: 767px) {
.vegas-slide {
display: none;
}}


Edit screen size (767px) to your own taste.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Can I turn the slideshow module off totally for small screens?
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To amend you can add the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

@media only screen and (max-width: 767px) {
.vegas-slide {
display: none;
}
#container_header {
min-height: auto;
height: 200px !important;
}}


Note you may need to change the 200px to best suit your own logo.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 6
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!