Adjust the size of the image in the content dock on mobile

Support
#1

Can you help me reduce the size of the image in content dock in mobile. Its perfect on desk top but too big in mobile

https://healthyconnectionscmhc.org/

#2

Hey @lostimagination,

Thanks for writing in! You will have to adjust the image size with custom CSS. Perhaps this old thread can be your guide:

Best Regards.

#3

Thank you, I tried this code, and the image on mobile is still pretty big see screenshot > https://d.pr/i/ONrqje

I used the following code:

@media (max-width: 400px) {
.tco-content-dock.tco-content-dock-on .wp-image-872 {
width:50px
}
}
}

#4

Hello @lostimagination,

I would suggest you please update the custom CSS code with the given code.

@media (max-width: 480px) {
.tco-content-dock.tco-content-dock-on .wp-image-872 {
width: 50px !important;
}
}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

#5

Thank you! That worked! You guys are the best!

#6

You are most welcome @lostimagination

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.