# Logo width

**URL:** <https://community.wpbeaverbuilder.com/t/logo-width/2418>\
**Category:** BB Theme\
**Created:** [January 28, 2015, 5:45am UTC](https://community.wpbeaverbuilder.com/t/logo-width/2418 "2015-01-28T05:45:39Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![gerryi-netco-co-uk](https://community.wpbeaverbuilder.com/letter_avatar_proxy/v4/letter/g/a183cd/32.png) [@gerryi-netco-co-uk](https://community.wpbeaverbuilder.com/u/gerryi-netco-co-uk)\
**Post date:** [January 28, 2015, 5:45am UTC](https://community.wpbeaverbuilder.com/t/logo-width/2418/1 "2015-01-28T05:45:39Z")

</div>

Hi support,

I’m trying to a 1000px wide logo image. In firefox I’m getting the full width but quality of the logo text is not as original, in other browsers the image isn’t extending to full 1000px width. I’ve tried a work round adding the logo image as a background image in the header using CSS from a previous post on the forum but that’s not working at all.

Is there CSS that would work to make the logo extend to 1000px?

I’ll send you login following this.

Thanks,

Gerry

---

<div class="post-metadata">

**Author:** ![gerryi-netco-co-uk](https://community.wpbeaverbuilder.com/letter_avatar_proxy/v4/letter/g/a183cd/32.png) [@gerryi-netco-co-uk](https://community.wpbeaverbuilder.com/u/gerryi-netco-co-uk)\
**Post date:** [January 28, 2015, 5:48am UTC](https://community.wpbeaverbuilder.com/t/logo-width/2418/2 "2015-01-28T05:48:20Z")

</div>

[Content Hidden]

---

<div class="post-metadata">

**Author:** ![billy](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/billy/32/11_2.png) [@billy](https://community.wpbeaverbuilder.com/u/billy)\
**Post date:** [January 28, 2015, 8:46am UTC](https://community.wpbeaverbuilder.com/t/logo-width/2418/3 "2015-01-28T08:46:50Z")

</div>

Hey Gerry,

The particular design skin you are using may be the issue here as it isn’t necessarily intended for a banner type logo. One option that helped was setting the menu to centered as opposed to bottom. You’ll see the banner is working the way it should now in the site you mentioned. Hope that helps!

Best,  
Billy

---

<div class="post-metadata">

**Author:** ![gerryi-netco-co-uk](https://community.wpbeaverbuilder.com/letter_avatar_proxy/v4/letter/g/a183cd/32.png) [@gerryi-netco-co-uk](https://community.wpbeaverbuilder.com/u/gerryi-netco-co-uk)\
**Post date:** [January 28, 2015, 2:13pm UTC](https://community.wpbeaverbuilder.com/t/logo-width/2418/4 "2015-01-28T14:13:40Z")

</div>

Hi Billy,

Thanks a lot for helping with this, that seems to work well.

If my client wants to have the menu in the same position as it was do you know of any other possible solution?

Cheers,

Gerry

---

<div class="post-metadata">

**Author:** ![billy](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/billy/32/11_2.png) [@billy](https://community.wpbeaverbuilder.com/u/billy)\
**Post date:** [January 28, 2015, 3:20pm UTC](https://community.wpbeaverbuilder.com/t/logo-width/2418/5 "2015-01-28T15:20:04Z")

</div>

Hi Gerry,

Yes, I believe the below will get you going there.

```auto
.fl-page-nav-centered .fl-page-nav ul.navbar-nav {
float: left;
}

```

Best,  
Billy

---

<div class="post-metadata">

**Author:** ![system](https://community.wpbeaverbuilder.com/uploads/default/original/2X/9/9db1b183a7ea1efa26199a2a2b3511d742473dae.png) [@system](https://community.wpbeaverbuilder.com/u/system)\
**Post date:** [April 27, 2019, 10:15pm UTC](https://community.wpbeaverbuilder.com/t/logo-width/2418/6 "2019-04-27T22:15:28Z")

</div>