Banner is incorrectly displayed on mobile

gethugothemes / dot-hugo

Dot - Hugo Documentation Theme

https://gethugothemes.com/products/dot/?utm_source=dot_github&utm_medium=referral&utm_campaign=github_theme_about

MIT License

260 stars 148 forks source link

Banner is incorrectly displayed on mobile #176

Closed ashwin153 closed 2 years ago

ashwin153 commented 2 years ago

The banner overflows on smaller width screens. For example, here is my website on mobile.
Consider adding a max-width to the banner so that it renders correctly on all screen sizes.

tfsomrat commented 2 years ago

Hello @ashwin153 ,

Are you using an image in the banner section? because we didn't provide any image here except the background-image. so if you are using an extra image in the banner, make sure you have added the img-fluid class to this image. then it will not break. thank you.

ashwin153 commented 2 years ago

Thank you, adding the following to my config.toml did the trick for me.

title = "<img class=\"img-fluid\" alt=\"Support Center\" src=\"design/branding/svg/title-light.svg\">"