Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • July 6, 2022 at 6:44 pm #1357433
    sebzh22

    Bonjour,

    J’ai un problème suite à une superposition de colonne comme sur la photo jointe :
    Capture

    J’ai ajouté ce code au deux colonnes :

    /** Superposition slider-accueil **/
    .slider-accueil {
    margin-left : -50px !important;
    margin-top : 50px !important;
    }
    .grille-icone-accueil {
    z-index : 100 !important;
    }

    Cela fonctionne correctement sur ordinateur, le problème est sur tablette et smartphone, le slider d’image est décaler sur la gauche.
    Quel code, dois-je ajouter pour dire que je souhaite c’est changement seulement sur ordinateur?

    Merci d’avance pour votre aide

    July 7, 2022 at 6:47 am #1357491
    Nikko

    Hey sebzh22,

    You can target your code to affect only the desktop by wrapping it inside a media query, please replace your code with this:

    /** Superposition slider-accueil **/
@media only screen and (min-width:1024px) {
  .slider-accueil {
    margin-left : -50px !important;
    margin-top : 50px !important;
  }

  .grille-icone-accueil {
    z-index : 100 !important;
  }
}

    Hope it helps.

    Best regards,
    Nikko

    • This reply was modified 2 years, 5 months ago by Nikko. Reason: wrong code
  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.