I am facing some challenges while building my website. The ideal look of the page is represented by home_page_ideal. The issue arises with the small boxed image on the top left corner. Once I scroll to the top, the page displays as home_page_issue. The CSS code related to this problem is as follows:
.logo {
padding: 38px 0;
}
img {
width: auto\9;
height: auto;
max-width: 100%;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}
The parent div also uses bootstrap classes col-md-2, col-sm-6, and col-xs-12. Though I'm not certain if it's relevant, I thought it was worth mentioning.
My goal is to have the image remain boxed in the top left corner of the page even when scrolling to the top. Previously, everything functioned correctly with a placeholder image, but once I replaced it with the actual image, the issue emerged.
Could the problem be related to the size of the image? I am uncertain, but any assistance, tips, or guidance would be highly appreciated.