Hi all,
I have spent the hours trying to get rid of a white border around my logo that appears only when mobile phones or tablets are used. When browsing using a PC, the border isn't there.
I have tried changing values in style.css around the .logo area but still can't get rid of it. What am I missing here?
I have attached screenshots on how my logo looks like on both my mobile phones and my PC.
Thanks in advance,
Kwong
Unfortunately, there is no way to tell by looking at your images. You have 2 options:
1. Post the link, so someone on a forum can inspect your site in Firebug on firefox or other browser
2. Inspect HTML and CSS in the browser yourself.
https://getfirebug.com/
https://developers.google.com/chrome-developer-tools/
etc....
Hi,
Thanks for the reply.
Ok, here is the link to my site
www.tupeihookah.com
thanks in advance :)
Quote from: kwong on April 03, 2014, 05:03:19 PM
Hi,
Thanks for the reply.
Ok, here is the link to my site
www.tupeihookah.com
thanks in advance :)
Hello.
Look for this code in the http://www.tupeihookah.com/storefront/view/default_html5/stylesheet/style.css (line 6201)
.logo img {
background-color: #FFFFFF;
padding: 5px;
}#FFFFFF is white color change to anything else
Quote from: Basara on April 04, 2014, 02:52:23 AM
Quote from: kwong on April 03, 2014, 05:03:19 PM
Hi,
Thanks for the reply.
Ok, here is the link to my site
www.tupeihookah.com
thanks in advance :)
Hello.
Look for this code in the http://www.tupeihookah.com/storefront/view/default_html5/stylesheet/style.css (line 6201)
.logo img {
background-color: #FFFFFF;
padding: 5px;
}
#FFFFFF is white color change to anything else
Thank you so much Basara!! U saved my day, literally :) I can now sleep in peace ;D
Cheers mate!
Quote from: kwong on April 04, 2014, 02:56:19 AM
Thank you so much Basara!! U saved my day, literally :) I can now sleep in peace ;D
Cheers mate!
Sleep in peace, bro ;)