using CSS to "force" my header to be static

  • Unknown's avatar
    halfthefunisgettingthere · Member ·

    Hi there,
    I am a very very VERY wordpress.com user. I love the harmonic theme on wordpress.com, yet am extremely unhappy with how my header image (and a few others) are appearing on a mobile device.

    it was recommended to me to try and use CSS to “force” my header to be static, so that it looks the same on a computer, tablet, mobile, etc.

    please please help?:)

    many many thanks!
    (email visible only to moderators and staff)
    http://www.musclemiche.com

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    halfthefunisgettingthere · Member ·

    (Following up from my note above… and to clarify.

    1) I need the title of your site to be in the header image, and therefore 2) I need the header image to be static, so that it doesn’t get cropped on smaller displays.)

  • Unknown's avatar
    thesacredpath · Member ·

    Hi, I don’t think this is possible on Harmonic. I can fix the top image, and I can make it look the same on all screens (you can see all of it) but as you will see, things go awry with the rest of the page when we do this. Go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS, save and then view it on computer, tablet and phone and you will see what I mean. 

    #slide-1 {
    position: fixed;
}
#slide-1 .bcg {
    background-size: contain !important;
    background-repeat: no-repeat;
}

    Harmonic has some very sophisticated code that controls all the images and such and it is very difficult to override it without things going haywire.

  • Unknown's avatar
    halfthefunisgettingthere · Member ·

    @thesacredpath THANK YOU SO MUCH. Yes I see what you mean. I guess I will just have to switch themes then, huh?

  • Unknown's avatar
    thesacredpath · Member ·

    I’d suggest looking at some different themes to see what you can find. Trying to change the way Harmonic operates with CSS is sort of a rabbit hole. You change one thing and something else goes awry. You fix that and something else goes awry. The programming on it is quite sophisticated and not easily changed with CSS.

  • The topic ‘using CSS to "force" my header to be static’ is closed to new replies.