• 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)
  • 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)

    @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.