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

Stack firefox logo on top of wordmark on newtab page

more options

I am trying to stack the firefox logo on top of the wordmark on the newtab page. I've tried doing using "display: block;" in my userContent.css, but it doesn't work. I'm not super good at CSS, so any ideas?

I am trying to stack the firefox logo on top of the wordmark on the newtab page. I've tried doing using "display: block;" in my userContent.css, but it doesn't work. I'm not super good at CSS, so any ideas?

Chosen solution

Try this:

/*** Firefox Home / New tab ***/

/* Position Logo and Text Brand above-below Fx96 */
.search-wrapper .logo-and-wordmark {
  flex-direction: column !important;
}

/* Reduce Height of Text Brand to actual image height Fx96 */
.search-wrapper .logo-and-wordmark .wordmark {
  height: 42px !important;
}
Read this answer in context 👍 0

All Replies (1)

more options

Chosen Solution

Try this:

/*** Firefox Home / New tab ***/

/* Position Logo and Text Brand above-below Fx96 */
.search-wrapper .logo-and-wordmark {
  flex-direction: column !important;
}

/* Reduce Height of Text Brand to actual image height Fx96 */
.search-wrapper .logo-and-wordmark .wordmark {
  height: 42px !important;
}

Helpful?

Ask a question

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.