This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Adding firefox logo to the home screen

  • 3 replies
  • 1 has this problem
  • 3 views
  • Last reply by cor-el

more options

How do i add the firefox logo with top sites enabled.

How do i add the firefox logo with top sites enabled.
Attached screenshots

All Replies (3)

more options

Add a Top Site

  1. Hover the mouse pointer anywhere within the Top Sites section of tiles and click on the three-dot menu that appears in the upper right corner.
  2. Click Add Top Site.
  3. Type in a title and URL for the site, then click Add.
  4. A tile with the first letter from the title will appear in your Top Sites.

https://support.mozilla.org/en-US/kb/customize-new-tab-page

more options

Thank you pallavi kumari but that isn't what I was talking about. When I have Top Sites enabled the firefox logo disappear from the top of the screen. I what it so the firefox logo shows and so does top sites, I have screenshots showing you what i mean.

more options

You only see this Firefox logo when Web Search is the only enabled item in the Firefox Home settings as showing this logo makes less space available for other items.

The entire layout is generated via JavaScript and items that aren't enabled are not in the DOM, so you can't simply enable this logo via CSS display code in userContent.css.

This is simple code for userContent.css to add a logo, but I don't know if you can center this logo and the wordmark text (chrome://branding/content/firefox-wordmark.svg) is another image, so you may have to come up with your own image file.


@-moz-document url(about:newtab), url(about:home){
 .search-wrapper::before {
 content:"";
 background: url("chrome://branding/content/about-logo.png") no-repeat center;
 background-size: 96px;
 display: inline-block;
 height: 96px;
 width: 96px;
 }
}