Stephen Martin

Image covering content

2 posts in this topic

I am using this to float a logo on the left side of the screen. I am using a fully responsive template (Helix II). On a wider screen the image is all the way to the left side 0/250. If I view this on a mobile screen or even a smaller computer monitor the image will cover the text.

Is there away to either have the image 'shrink' in size as the screen gets smaller or have it hide or change location?

Share this post


Link to post
Share on other sites

Hi Stephen.

I think that making it hide is best solution. Because on mobile like IPhone, screen is very small, if we change size, i am afraid that float images will be tiny, not big enough. And change location is hard solution.

To hide the float image please try this solution

Add this css rule to your template.css file

@media (max-screen: 480px){

#floater_content_left,

#floater_content_right{

display: none;

}

}

good luck

Share this post


Link to post
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now