Close

Account

Documentation

Forum

Menu

Increase Logo Width

  • lawatusi
    August 23, 2015 at 7:07 pm #13886

    Hello,

    I was surprised to see that the logo area on this theme is so tiny. There is too much white space in the header!

    You want a logo to be BIG and fill the space to promote your brand. 😉

    I’ve been looking in style.css to increase the width, but can’t find it. Which line do I need to edit in order to increase the width of the logo?

    https://www.dropbox.com/s/yyhj6yspllbagy0/too-much-white-space.jpg?dl=0

    Thank you!

    Post count: 2448
    Jegbagus
    August 24, 2015 at 1:50 am #13890

    hi lawatusi, can you give me URL where you having the problem. i need to know what size of your logo. btw from image you attach, you will need image size 280px right?

    also another suggestion, we have several header type, why don’t you use header type 1?

    Thank you

    Post count: 3
    radugt
    January 26, 2016 at 5:59 pm #17987

    Hello,

    I tried to modify the width/height of the image in the header (logo) but it remains the same…
    Is there any trick to make it as large as the whole page?

    I’m using the 1st header type.

    Thank you! 🙂

    Post count: 1921
    Rai
    January 27, 2016 at 1:31 am #18000

    Hi radugt,

    You just need to upload bigger image size, max logo width is same as the container size 1080px.

    Thank you

    Post count: 3
    radugt
    January 27, 2016 at 8:56 am #18009

    Hi Rai,

    Actually, I’ve already filled up the container’s width 😉
    What I would like to get is an extended logo on the entire width of the page (beyond the container’s dimensions).

    Thank you.

    All the best,
    radu

    Post count: 1921
    Rai
    January 28, 2016 at 1:30 am #18018

    For that kind of changes it need customization on the template. We highly recommend to always use child theme for customizations.

    Edit file located at: falive-themes/include/header-layout1.php scroll down to line:41 for this code:
    <div class="container"> Replace it with this: <div>.

    Thank you

    Post count: 3
    radugt
    January 28, 2016 at 4:36 pm #18058

    Thank you very much Rai! 🙂

    Post count: 1921
    Rai
    January 29, 2016 at 1:15 am #18063

    you’re welcome 🙂

You must be logged in to reply to this topic.