I would like to change the size of the Product (grid or Carousel) element in my Menu. But when you go into the Design Settings Tab and change the image size all it does is Pixelate the Image, it does not actually change the size. I am trying to make it smaller. Please see attached images. And I know in another forum ticket you said to change the image size in the Media Library but that would not be practical because then the size would be wrong for the Product and Shop pages for that item. Is there CSS I can use to constrain the size of that element in the Menu, since your Image Size Design Tab does not seem to work?
Image Size Cleared: https://www.screencast.com/t/bGHvFhpbsjAo
Image Size Cleared Results: https://www.screencast.com/t/GC13dyGJ
Image Size Changed: https://www.screencast.com/t/LUT8g1Ch
Image Size Changed Results: https://www.screencast.com/t/CoQ7JKsqjLi
It clearly just pixelates the image it does not change the size.
Your mega menu block is an HTML block – a template created by a page builder. In order to make it smaller, you need to narrow the column containing this element, you can add empty columns on both sides.
If you have any questions please feel free to contact us.