How to: Remove border on logo for HTML5

[kwong]

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

[abantecart]

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....

[kwong]

Hi,

Thanks for the reply.

Ok, here is the link to my site
www.tupeihookah.com

thanks in advance

[Basara]

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)

Code Select Expand

.logo img {
    background-color: #FFFFFF;
    padding: 5px;
}

#FFFFFF is white color change to anything else

[kwong]

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)

Code Select Expand

.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

Cheers mate!

[Basara]

Thank you so much Basara!! U saved my day, literally I can now sleep in peace

Cheers mate!

Sleep in peace, bro