This line of css can not be removed because it is important for the responsiveness of the design. It resizes the width of images so that they shrink to fit the size of the device that is used to view the site.
I do not have the time to look up a solution that another member posted just a few days ago. If you do a quick forum search you will find the post. It was on one of the other threads for my responsive templates.
Thanks,
Anne
I am loving this template! Just having one small problem that I can't seem to solve. Have searched extensively and tried several things, but to no avail!
All I want to do is change the header area where the logo and tag line are in the upper left corner. I want to make the logo bigger and remove the text below it completely! Anyone know if this is possible?
I would like for my image to be as large as possible without pushing everything out of shape. Right now if I go any larger than 60px high, everything looks funky!
Sorry if this is simple and I just don't get it. Thanks in advance for any help!
EDIT: My website is https://hufflepuffvapes.com
Here's my solution for the "larger image" problem:
responsive.css line 4 change
toCode:img{max-width:100%;height:auto;border:0;}
AddCode:img{height:auto;border:0;}
to the bottom of theCode:img{max-width:100%;}
section (around line 263).Code:@media (min-width:768px) and (max-width:979px){
Clicking on the "larger image" link - I've been trying out my design on a tablet, and when you click on the "larger image" link, a new window opens. This is fine on a desktop computer, because it's obvious that a new window has opened, but on the tablet the image takes up the whole screen, with nothing to indicate what to do next.
I think we need some kind of text identifying the image and something like "click image to continue".
Bookmarks