Malibu Theme: Mobile Artikel Seite -> Bilder Scroll Pfeile?

Thema wurde von Anonymous, 9. November 2021 erstellt.

  1. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    14. Juni 2018
    Beiträge:
    1.551
    Danke erhalten:
    228
    Danke vergeben:
    1.001
    #1 Anonymous, 9. November 2021
    Zuletzt bearbeitet: 9. November 2021
    Hallo Leute

    Wenn ein Artikel mehr als 4 Bilder hat, kommen in Mobile diese Pfeile bei den Bilder Thumbnails rechts und links.

    Das Problem: Das zerschiesst scheinbar das Layout und die Seite wabelt beim scrollen mit dem Finger. Das ist etwas unschön.

    Meine Lösung: Die Pfeile auf Mobile ausblenden!
    Dazu habe ich folgenden Code verwendet:


    Code:
    
    @media only screen and (max-width: 700px ){
    
    
    .product-info-thumbnails-mobile .swiper-button-prev {
        display: none;
    
    }
    
    .product-info-thumbnails-mobile .swiper-button-next {
       display: none;
      
    }
    
    }

    Das klappt soweit auch aber wenn man bis zum Ende scrollt mit dem Finger (durch die Bilder) taucht am Ende wieder so ein Pfeil auf (siehe Screenshot). Der reicht dann schon aus um dem Fehler mit dem wabbeligen Scrollen wieder auszulösen.

    Haben diese Pfeile einen anderen Namen in CSS / Klasse?
    Wie spreche ich die an?

    Ich würde diese Pfeile auch noch gerne ausblenden.


    Ich danke vielmals für eure Zeit und Hilfe.
     

    Anhänge:

  2. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    14. Juni 2018
    Beiträge:
    1.551
    Danke erhalten:
    228
    Danke vergeben:
    1.001
    Ahh!
    Glaube ich habs gelöst durch ein !important Zusatz.