Permanent Logo and Header Text Issues

  • myk.robinson

    (@mykrobinson)


    9 years, 3 months ago

    WOrking on a site for my fledgling band, located at http://www.wheremothandrustdestroy.com

    I am noticing that if I allow wordpress to show the header and tag text, that it does not scale properly for mobile displays. Also, if I add a logo, it looks fine until the user scrolls down, and the logo just disappears.

    Is there a way to have some semblance of a permanent header with this theme? I am not afraid to do some trial and error with CSS, but if a child theme is needed, I may need some hand holding with that. i tried to make a child theme and the instructions got a bit confusing for me because of things that I may or may not need to copy?

    Thanks for any advice/help you can provide, and if you need more information from me in order to help, please let me know what you need. I realize my question is somewhat vague.

    Thanks

Viewing 2 replies - 1 through 2 (of 2 total)
  • mrtom414

    (@mrtom414)

    9 years, 3 months ago

    your problem is with the width of your title. When the device reaches the size of about 500px on mobile devices the text prevents the header from scaling down. A few things to try with css add a break point around 500px screen width using the following code and add spaces on both sides of the + sign so the text will break at that point. You should add the css using either a child theme or a custom css plugin. The plugin will be easier and should work fine. 

    @media screen and (max-height:500px){
.site-title a{

	font-size:18px;
	word-break: break-all;
}

}
    Thread Starter myk.robinson

    (@mykrobinson)

    9 years, 3 months ago

    @mrtom414, if you don’t mind assisting a bit more, how would I go about using a graphic logo instead of text that will scale as I scroll and become permanent at the top, similar to in the Customizr theme? Or is that asking a lot since I am a CSS rookie?

    Thanks

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Permanent Logo and Header Text Issues’ is closed to new replies.