custom header does not show up on mobile

  • Resolved rudebaga

    (@rudebaga)


    9 years, 11 months ago

    I inserted a custom header, which shows up on my website on a desktop computer, but when I look up my site on a mobile device, that area is just black space.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter rudebaga

    (@rudebaga)

    blank space

    Theme Author Hardeep Asrani

    (@hardeepasrani)

    Hi,

    Can you please give me the link to your website to check this issue? Sorry for late reply but I’m out of town. ??

    Regards,
    Hardeep

    Thread Starter rudebaga

    (@rudebaga)

    I’m currently running a plugin that changes the mobile view, but if you scroll down and select “desktop version” then scroll down again and select “view full site” it will show you the mobile Funk theme version.

    When I placed my custom header, I made the header the exact pixel measurements suggested in the theme.

    Theme Author Hardeep Asrani

    (@hardeepasrani)

    Well, apparently, that’s not the only issue. Your header isn’t looking good on my laptop as its left part is hidden.

    Both can be fixed using the following CSS code:

    .site-header {
    background-size: 100% auto !important;
}

    Regards,
    Hardeep

    Thread Starter rudebaga

    (@rudebaga)

    I have added in that CSS. Hopefully it looks better on your end now.

    Theme Author Hardeep Asrani

    (@hardeepasrani)

    Great. Is there anything else? ??

    Thread Starter rudebaga

    (@rudebaga)

    I ended up installing a plugin to load my custom header into and now my header shows up on mobile, is clickable and responsive.

    thanks!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘custom header does not show up on mobile’ is closed to new replies.