Change header logo to full width?

[kronqvist]

Hi,

first of all sorry for my english… I have an issue with the logo.
Im trying to get the banner at top to full width. how do I do that? im just messing around with a friends website.

www.successmedia.se

Using Agency demo.

thank you!

[Prasant]

Hello Ashkan,

Thanks for asking.

Please add following CSS under X > Theme Options > CSS:

.x-logobar-inner .x-brand img {
    width: 100%;
}

.x-logobar-inner {
    padding-top: 20px;
    padding-bottom: 20px;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

[kronqvist]

Hi!

Thank you for the fast answer.
I added the code but nothing happens!

The width is the same!

thank you

[jade]

Hi there,

Please try adding this code as well:

.x-logobar-inner .x-container.width {
    max-width: 100%;
    width: 100%;
}

Here are some related links for further reading:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa

Hope this helps.