The header picture is too large only on Firefox.
I'm building a new website which is http://tradingchannelsuk.ipage.com/ The header picture looks just fine on other browsers apart from Firefox and IE. The header is way too large and goes out of the margins of the page, i.e. more than %100. I tried
- logo img {
width: 100% !important
} and some varieties of it but couldn't fix the problem. Can anyone please help me out? Thanks.
פתרון נבחר
Looks fine here as well.
Can you attach a screenshot?
- http://en.wikipedia.org/wiki/Screenshot
- https://support.mozilla.org/kb/how-do-i-create-screenshot-my-problem
- Use a compressed image type like PNG or JPG to save the screenshot
- Make sure that you do not exceed the maximum size of 1 MB
You may have zoomed web page(s) by accident. Reset the page zoom on pages that cause problems.
- View > Zoom > Reset (Ctrl/Command+0 (zero))
כל התגובות (5)
Heey
Nice work right there!!!
It looks good to me. Not overlapping.
Add advice you to bootstrap your images and using percentage on the desired image sizes
-->src="http://tradingchannelsuk.ipage.com/wp-content/uploads/2015/09/merged-pen-logo4-small-e1441892527314.png" alt="Trading Channels" class="fusion-logo-1x fusion-standard-logo" height="153" width="1195"<--
All the best
-Michael
פתרון נבחר
Looks fine here as well.
Can you attach a screenshot?
- http://en.wikipedia.org/wiki/Screenshot
- https://support.mozilla.org/kb/how-do-i-create-screenshot-my-problem
- Use a compressed image type like PNG or JPG to save the screenshot
- Make sure that you do not exceed the maximum size of 1 MB
You may have zoomed web page(s) by accident. Reset the page zoom on pages that cause problems.
- View > Zoom > Reset (Ctrl/Command+0 (zero))
Yes it looks good now because just 1 hour ago I found the solution to it. First I tried to use a much smaller size picture but the quality dropped a lot. Then I changed the logo image width from auto to 100%. It took me several days to find this as I am no developer but I'm over the moon now. :) Thanks a lot for your efforts and answers. Burak
By the way I found the logo image width inside the stylesheet.css file. The name was different than "logo img". The theme I'm using has given it a different name. Anyway all done now.
tttigra said
By the way I found the logo image width inside the stylesheet.css file. The name was different than "logo img". The theme I'm using has given it a different name. Anyway all done now.
We're glad to be of help.
Do feel free to post another question when you have it.
Happy browsing.
-Michael