Also using a Twenty Seventeen Child theme but working on my website in a desktop server so it is not live yet. I have the same problem as Alvin above, no matter if I set a custom image or an icon they are both super big no matter which size I choose in the image size drop down menu you have created.
How can this problem be solved?
Thanks,
Cecilia
Hello!
Alvin101, check this screenshot http://www.awesomescreenshot.com/image/2150257/a8e5e3015ec9731b93d2b854b7a85c12, your theme’s CSS not expecting for small images in menu, you need to fix it by yourself via custom styles.
Smakasnack, if you have uploaded images before the plugin install then you need to re-create thumbnails for all images with this plugin: https://uk.ww.wp.xz.cn/plugins/regenerate-thumbnails/
If it doesn’t help, please copy
@zviryatko thanks zviryatko
I see what you mean with the screen shot, however if I make changes in the style.css where you point out, it affects other images on the site.
Is there a way that I can make a change that would only effect the images in the menu?
In Menu Structure, under Image size, it is set to Original Size, should that not override style.css?
What do you think?
-
This reply was modified 9 years, 3 months ago by
alvin101.
CSS is powerful and you can override some rules for specific cases, for example: .main-menu a img has more priority than a img, also you can mark it as important a img { height: auto !important; }.
Have fun 😉
Should I change menu-image.css
No, better to create child theme with your own CSS file, or install plugin that allow you add CSS from admin.
ya sorry I made an edit to my post, I am working with a child theme,…
In Menu Structure, under Image size, it is set to Original Size, should that not override style.css?
Ok I made a change to your file… it seems to work for now, but when you upgrade I will loose it…
.menu-item a img {
border: none;
box-shadow: none;
vertical-align: middle;
height: auto;
max-width:100%;
display: inline;
