Hiding Master Swift Slider on Mobile View

[giu_gugl]

Hi dear support team

I created a website with a “below the slider” menu and then a SPB element with a slider just for mobile view.

Now I want to Hide the Master Slider at mobile level. I tried to use the following code:

@media only screen and (max-width: 479px) { .home .swift-slider-outer {
display: none;}}

But it hides both slider and not only the master one.

Can you please help me with a code that hides just the master-slider and not the mobile one too?

Thanks for your amazing job.
gg

[Rui Guerreiro – SUPPORT]

Hi,

Try this code instead.

@media only screen and (max-width: 479px) { 
.home #swift-slider-1 {
    display: none;
  }
}

Let us know if it worked.

-Rui

[giu_gugl]

Hi Rui

I tried with your code but I hadn’t any fortune! As you can see, connecting to http://www.ggtest.it from mobile you see both silders.

Any further advice to hide the master slide at mobile level?

Thanks so muche
gg

[Rui Guerreiro – SUPPORT]

Can you provide admin credentials? that code should work.
maybe you have some syntax error in the custom css field.

Use the private reply.

-Rui

[giu_gugl]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Yes it didn’t worked. I had to add an extra class to the mobile slider called home-mobile-slider
and adjust the css to this one.

It’s working fine now.

@media only screen and (max-width: 479px) {
.home .swift-slider-outer {
    display: none;
  }
  .home-mobile-slider .swift-slider-outer{
      display: block;
  }
}

-Rui

[giu_gugl]

Thanks Rui!!

Super fast and Super efficient as always!

Worked for me!

Many Thanks!
gg

[Rui Guerreiro – SUPPORT]

Great. Thanks for the kind words.
-Rui