Author Topic: How to: Remove border on logo for HTML5  (Read 3656 times)

Offline kwong

  • Newbie
  • *
  • Posts: 23
  • Karma: +1/-0
    • View Profile
How to: Remove border on logo for HTML5
« on: April 03, 2014, 03:25:32 PM »
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

Offline abantecart

  • Administrator
  • Hero Member
  • *****
  • Posts: 4255
  • Karma: +279/-9
    • View Profile
    • Ideal Open Source Ecommerce Solution
Re: How to: Remove border on logo for HTML5
« Reply #1 on: April 03, 2014, 04:53:34 PM »
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....
 
Please  rate your experience or leave your review
We need your help to build better free open source ecommerce platform for everyone. See how you can help

Offline kwong

  • Newbie
  • *
  • Posts: 23
  • Karma: +1/-0
    • View Profile
Re: How to: Remove border on logo for HTML5
« Reply #2 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 :)

Offline Basara

  • Administrator
  • Hero Member
  • *****
  • Posts: 4663
  • Karma: +241/-2
    • View Profile
Re: How to: Remove border on logo for HTML5
« Reply #3 on: April 04, 2014, 02:52:23 AM »
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]
.logo img {
    background-color: #FFFFFF;
    padding: 5px;
}

#FFFFFF is white color change to anything else

Offline kwong

  • Newbie
  • *
  • Posts: 23
  • Karma: +1/-0
    • View Profile
Re: How to: Remove border on logo for HTML5
« Reply #4 on: April 04, 2014, 02:56:19 AM »
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]
.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!

Offline Basara

  • Administrator
  • Hero Member
  • *****
  • Posts: 4663
  • Karma: +241/-2
    • View Profile
Re: How to: Remove border on logo for HTML5
« Reply #5 on: April 04, 2014, 02:57:37 AM »
Thank you so much Basara!! U saved my day, literally :) I can now sleep in peace ;D

Cheers mate!

Sleep in peace, bro  ;)

 

Powered by SMFPacks Social Login Mod