Viewing 5 replies - 1 through 5 (of 5 total)
  • Is it there as header image? If you put it in as header logo from the “Theme options” you might get rid of the problem.

    Thread Starter FordQuarterman

    (@fordquarterman)

    No I can’t do that because I want the text and logo in the header space, so I uploaded it all as one block image. I don’t have a child theme, and without it it is difficult to make the logo & site title appear like I wanted it.

    Maybe I try to do a child theme later on in the process, but for now I don’t have the time to learn how to do it. But for now, if you take a look at my website the block header image fits great on desktop, but not so great on mobile.

    @silkalns or whoever else – is there any sort of recommendation or CSS code for me, or am I shit out of luck for not using a child theme at this point? I like the responsive design of the site, it’s just the header image look shrunk & small, and is not utitlizing all of the empty space at the top as the responsive design fits the mobile phone screen.

    I want to go live with the blog (publicize it) today after working on it for a few months – so any timely responses would be greatly appreciated!

    Thanks so much for all the great support!

    Ford

    Theme Author Silkalns

    (@silkalns)

    @fordquarterman

    Remove this code from Custom CSS field:

    @media only screen and (min-width: 767px) {
        .header-image {
            margin-top: -128px;
        }
        .hgroup-right {
            margin-top: 50px;
            position: relative;
            z-index: 1000;
        }
    }

    And replace it with this one:

    .hgroup-wrap {
      display: none;
    }

    Let me know if this is what you were looking for.

    Thread Starter FordQuarterman

    (@fordquarterman)

    Hey Silkalns,

    I did what you told me to with the CSS code and nothing has changed. It still looks the same with alot of space in the header margin above the image in the mobile version of http://www.wheresthegringo.com

    Any other ideas?

    thanks for your help,

    Ford

    Thread Starter FordQuarterman

    (@fordquarterman)

    Actually now it’s better. So weird – I did what you told me and it didn’t change anything. So I copy and pasted the original code back in, then it took the space out on the mobile version, & looked like I wanted it to. Now, with the old code in the CSS – it looks like I want it to look, on both desktop & mobile.

    Maybe not what you were expecting – but you still helped me haha!

    Thanks a lot!

    Ford

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Between in Header Space Between Desktop & Mobile Versions’ is closed to new replies.