issues on small screen – android/iphone

[cyberworks]

I have a website where the logo image looks great on a PC but not on phone screen. here is some of the code which I feel may be the issue. Your help is greatly appreciated!

CSS –

#home-slider .slider-text {
position: fixed;
left: 73%;
top: 100%;
margin: -150px 0 0 -585px;
width: 1170px;
height: 250px;
text-align: left;
z-index: 2;
}

HTML –

<

div>

<div>
    <div><img src="_include/img/logo2.png" /></div>
</div> 

[Beverleyh]

We can’t really tell what’s wrong with the snippet provided. Try recreating the issue in CodePen so that we can see what we’re dealing with, along with the problematic behaviour.

[Author]

Posts