How do I move my logo image?

  • 0
  • 1
  • Question
  • Updated 4 years ago
  • Answered
Changing your BigCommerce store's logo image is an easy task using the logo upload tool found under the store design link. Most templates will try to center the logo in the header area, but if you have a logo of a different size from the default one, you may wish to move it.

1.) Login to your store's control panel.
2.) Click on Design.

3.) Click on the Browse Template Files button.

4.) In the left column, click on the styles.css line. It should have a light blue background like in the picture.

5.) Now, search for #Logo. (Yours may look a little different depending on the template being used.)

6.) Before the closing brace } of this section, add the following two lines:

7.) Click Save.

View the front of your store and observe that the logo has now moved 40 pixels to the left and the top. If this is not where it needs to be, change the values of the "-40" around to best suit your particular template and logo.

Here's what my logo looks like after changing the margins:
Photo of Drew N

Drew N, Community Manager

  • 243,976 Points 100k badge 2x thumb

Posted 4 years ago

  • 0
  • 1

Be the first to post a reply!