• Closed
  • Martin Friberg
    Spectator
    September 1, 2016 at 3:03 pm #30140

    Is there a way to get the logo image to cover the entire header section ?

    Denzel Chia
    Moderator
    Posts: 2656
    September 2, 2016 at 5:47 am #30147

    Hi,

    Please post your website URL.
    We need to take a look at your website source, in order to determine if it’s possible to do it using CSS code.

    Thank you

    Michon Kessler
    Spectator
    Posts: 9
    September 5, 2016 at 6:29 pm #30174

    I would like to know the answer to this as well. I spent all night trying to retro fit a peice into the middle of the header to get it to look like the full logo since only a much smaller version will show up otherwise. As you can tell if you look closely it is not lining up exactly and when I look at it on my phone it doesn’t work at all!!
    Website: http://Wordpress.bucketofbloodsaloon.com
    Thanks in advance for your help!

    Denzel Chia
    Moderator
    Posts: 2656
    September 6, 2016 at 2:38 am #30178

    Hi,

    You should combine your logo with your banner, then we can try to use css to make your banner, which is your custom header background image responsive.

    Thank you

    Michon Kessler
    Spectator
    Posts: 9
    September 7, 2016 at 5:23 am #30184

    Isn’t there any way we can just get a code to have a full size banner on all the pages? I have other themes that can do that? But I like the layout of yours and the ease of the boxes on the front. Because of the way my client’s logo looks I really can’t get this to line up perfectly.
    Thank you so much in advance for anything you can do to help me!
    I really need to get this up and running for her!
    Sincerely,
    Michon 🙂

    Denzel Chia
    Moderator
    Posts: 2656
    September 7, 2016 at 10:51 am #30189

    You have a very long banner as background image in your header.
    If you were to squeeze it 100% in mobile it will look tiny and thin.

    You can try the following in Theme Options -> Custom CSS

    @media screen and (max-width:768px){
    .custom-header {
    background-size: 100% auto !important;
    }
    #logo-image {
    display: none !important;
    }
    }

    Thank you

    Michon Kessler
    Spectator
    Posts: 9
    September 8, 2016 at 5:17 am #30193

    Didn’t work. 🙁

    Denzel Chia
    Moderator
    Posts: 2656
    September 8, 2016 at 10:34 am #30195

    Hi,

    Please let me know what you mean by didn’t work.
    The code didn’t make any changes in mobile or it does not change to your requirement.

    I used firebug to produce the codes before providing them to you.
    It works on firebug and it should work on your website, if it does not produce any changes.
    Please check for syntax errors of other custom css codes you had.

    If you have a cache plugin, Please clear your cache content after applying the codes, you will also need to clear your mobile browser history.

    Thank you.

    Michon Kessler
    Spectator
    Posts: 9
    September 8, 2016 at 5:05 pm #30198

    What i mean by it didn’t work is that it didn’t help the header stay full size. As soon as I removed the logo from the middle of the header the header shrunk back down to the little strip of background at the top instead of staying full size like it does when the logo is the middle of it.
    Now it won’t let me change the logo in the middle. I tried to just change it back to the little logo up top and it won’t save!! I have clicked on save and publish all night then I got up this morning and tried again thinking it was just being unresponsive last night and that today it might work but it is doing the same thing, It won’t let me make changes.
    When I click save and publish it acts like it is saving but the “saved” never comes up. And when I go to navigate away it gives me the warning that I have unsaved changes, am I sure I want to leave the page…

    Denzel Chia
    Moderator
    Posts: 2656
    September 9, 2016 at 6:49 am #30206

    Hi,

    As soon as I removed the logo from the middle of the header the header shrunk back down to the little strip of background at the top instead of staying full size like it does when the logo is the middle of it.

    Please leave your website in this state.
    I will provide code for header height and your background will show up properly.

    Regarding unable to save changes in theme options.
    Please disable all your plugins and try again.
    It could be a plugin conflict or your server does not have enough memory to handle the process. Disabling plugins will free up server memory.

    Thank you

    Michon Kessler
    Spectator
    Posts: 9
    September 10, 2016 at 8:46 pm #30221

    Any idea how soon I could get that code? 🙂
    I wouldn’t even mind it if I could get it just so the logo was a bit bigger at the top. It just looks disproportionate to me with the size of the slider underneath.