Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 17, 2017 at 3:24 pm #865309
    micropoleinstitut

    Hi,

    Can you tell me how to hide the photo named with the class css “bandegrise” for mobile version (under 990 px width) ?

    Here is the web page : http://www.micropole-learning-solutions.com.qual.micropole.com/index.php/inclass-learning/

    Thank you

    Best regards,

    October 17, 2017 at 3:54 pm #865317
    Guenni007

    well the whole color-section got this class!
    And you like to get rid only the little image :

    go and give a unique class to the image element itself – and by the way you are using enfold 4.1.2. look to the image alb screen-options dialog.
    hide on medium large screens and under it (3 marks to set)

    • This reply was modified 7 years, 1 month ago by Guenni007.
    October 17, 2017 at 4:11 pm #865330
    Guenni007

    But!

    You don’t want to have a 1/2 column and a white room.
    So it is better to get rid of the column
    the column itself got a screenoption too

    October 17, 2017 at 4:15 pm #865332
    Yigit

    Hey!

    Please refer to @guenni007’s post :)


    @guenni007     Thanks for your help as always :)

    Regards,
    Yigit

    October 17, 2017 at 4:18 pm #865333
    Guenni007

    this code will do the trick but to understand enfold the obove will be helpful:

    @media only screen and (max-width: 989px) {
.bandegrise .av_one_half:nth-child(2) { width: 99% }
.bandegrise .av_one_half:nth-child(3) { display: none }
}

    or a bit different with not:

    @media only screen and (max-width: 989px) {
.bandegrise .av_one_half.first { width: 99% }
.bandegrise .av_one_half:not(.first) { display: none }
}

    i do here 99% some browsers will calculate f.e. the border to the box others not. So 100% could give sometimes not the desired result

    October 17, 2017 at 4:35 pm #865342
    micropoleinstitut

    thanks

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘hide photo for mobile version’ is closed to new replies.