Changed header image, now it's no longer displaying in mobile

Community Forums Forums Design Tips and Tricks Changed header image, now it's no longer displaying in mobile

This topic is: not resolved

Tagged: , ,

This topic contains 3 replies, has 2 voices, and was last updated by  AC 1 year ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #80307

    lgj
    Member
    Post count: 1

    I changed the header image on my site (I have the decor theme), kept the measurements the same but now it’s no longer displaying on the mobile version of the site. I know I have to change something about the responsive CSS but I’m not quite sure what!

    http://linktoyourself.com
    #80363

    AC
    Blocked
    Post count: 7712

    I see text there now. Can you put your logo back so I can see it?

    #80382

    lgj
    Member
    Post count: 1

    I want to keep the text, I’m not using a logo image right now, it’s the header image behind the text that’s missing in mobile (it’s a textured dark purple background). Sorry for the confusion and thank you for helping me out!

    #80390

    AC
    Blocked
    Post count: 7712

    Try adding this to your media queries sizes 800 and 400:

    [css]#header .wrap {
    background: url("http://linktoyourself.com/wp-content/themes/decor/images/bg-header.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    }
    [/css]

    Looks like your navigation doesn’t have a color:

    [css].menu-primary, .menu-secondary, #header .menu {
    background: none repeat scroll 0 0 #753357;
    color: #F5EDC4;
    }[/css]

    I added “background” to this – add this to the media queries. You may have to play around with it a little bit.

    • This reply was modified 1 year ago by  AC.
    • This reply was modified 1 year ago by  AC.
    • This reply was modified 1 year ago by  AC.
    • This reply was modified 1 year ago by  AC.
    • This reply was modified 1 year ago by  AC.
    • This reply was modified 1 year ago by  AC.
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.