Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 1, 2018 at 4:03 pm #919711
    ariane1001

    Hi,
    It’s about https://bloemfontein.nl/
    I have used a mega menu here with images. Menu – item ‘Catalogus woningen op maat’
    All pics used are the same size and it works fine on really big screens and tablet/ mobile, but with a medium screen suddenly images are not all the same size anymore. This was all oke but changed on the last update.
    I tried different things but can’t find the solution. Do one of you have any idear what could be wrong?
    Thanks in advance,

    Regards, Ariane

    March 1, 2018 at 9:45 pm #919945
    Basilis

    Hey ariane1001,

    Which size that you are using?
    Cause I resized on browser to all the sizes ( tablets ) and it does seem to be fine.

    Best regards,
    Basilis

    March 1, 2018 at 9:52 pm #919961
    ariane1001

    Hi Basilis,
    All screen sizes smaller then 1300px (about) untill the mobile menu is getting active.
    Big screens (over about 1300 pix) images in mega menu are fine.

    thanks for having a look.

    Regards, Ariane

    March 2, 2018 at 7:18 am #920111
    Rikard

    Hi Ariane,

    Thanks for the feedback. I get the same result on my end, it looks like they change a bit since they can’t fit otherwise and I think it still looks ok. Changing this would probably mean quite a lot of CSS changes unfortunately.

    Best regards,
    Rikard

    March 2, 2018 at 9:17 am #920172
    ariane1001

    Hi,
    Yes, I see what you mean but when I build the site at first it wasn’t like this, that’s why I am asking. My client won’t accept to leave it like this.
    I was hoping you would know a solution.
    Cheers, Ariane

    March 4, 2018 at 9:08 pm #921149
    Basilis

    Hi,

    You are using a really old version of our theme
    Version: 4.0.5

    and you also have a child theme where we cant know what type of changes you have.

    Best regards,
    Basilis

    March 5, 2018 at 12:03 pm #921437
    ariane1001

    Hi Basilis,
    You are right, the theme needed updates but that didn’t solve the problem.
    I have made the code below to get it right, maybe it is helpfull for someone else.
    Cheers, Ariane

    	@media only screen and (min-width: 991px) and (max-width: 1200px) {
    nav.main_menu img.size-portfolio {
    width: 110px !important;
    }
}
	@media only screen and (min-width: 1201px) and (max-width: 1450px) {
    nav.main_menu img.size-portfolio {
    width: 130px !important;
    }
}
	@media only screen and (min-width: 1451px) and (max-width: 1700px) {
    nav.main_menu img.size-portfolio {
    width: 160px !important;
    }
}
	@media only screen and (min-width: 1701px) {
    nav.main_menu img.size-portfolio {
    width: 190px !important;
    }
    March 6, 2018 at 5:08 am #922024
    Ismael

    Hi,

    Great. Thanks for sharing. Please feel free to open a new thread if you need anything else. :)

    Best regards,
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.