• Resolved dave.felder@gmail.com

    (@davefeldergmailcom)


    http://www.ryanvideo.com

    My header image is 1280 x 240 and shows up fine on a desktop or laptop. By on my iPhone 6 and an Android tablet, I don’t the header image.

    I understand that my cell phone screen is not 1280 wide, so what I’m wondering is what do other people do to achieve the look I have now on the desktop screen and have a different image for a mobile device?

    I see controls to change the menu’s, but not the images.

    Thanks . . . .

Viewing 11 replies - 1 through 11 (of 11 total)
  • Use the image as a Logo not a Header image.

    It worked better when I went that route.

    You will have to remove the header image.

    Just a note you might have to do some CSS on the logo because it shows a little more spacing, or just cut down the image size to a smaller rectangle.

    Thread Starter dave.felder@gmail.com

    (@davefeldergmailcom)

    Thanks Erik. I did what you suggested and I’m closer to what I want. Any idea how I can left align the logo? I added <div align=left> in front of it in the header.php file, but it also moved the site title which is underneath it.

    Which opens up a whole ‘nother question. The theme is taking the “Ryan Video Montville NJ” site title and putting it on every single page in the site as an h1 tag. And the page titles are being displayed as h2 tags. Isn’t the whole point of an h1 tag to tell search engines what the page is about? I must be missing something.

    I tried setting the blog-title to 0px so it still gets picked up by search engines but doesn’t appear on each page, but then I get way too much white space between the logo and the site description.

    Thanks for taking a look, I appreciate it.

    Dave

    Never edit core PHP or CSS files, always use a Child Theme or CSS Editor because when/if the theme has an update you’ll lose all edits.

    I’m no SEO expert but your title as a H1 would tell search your site name, and H2 (post/page) titles explain the content on your site.

    So I would say this is correct.

    Do you have a Child Theme for your header.php file?

    Thread Starter dave.felder@gmail.com

    (@davefeldergmailcom)

    Okay, I’ll stay away fromt he PHP files. I already installed the Custom CSS Plugin, so any CSS changes I know to make in there. I haven’t the slightest idea how it works or why wordpress knows where to put the lines of code I type into the plugin, but it seems to be working well and many people more knowledgeable them me seem to be using it, judging by the number of downloads.

    Hmmmm…. child theme. Time to do some more googling. πŸ™‚

    I saw the phrase used a lot today because I’ve been doing a lot of web searches trying to figure this out. I’m guessing I don’t have a child theme, but I’m going to do some more work to figure out what you’re asking me.

    I think I’m going to put my company name into a graphic so I can match my official typeface. then reduce the size of my h1 tags to 0px. That way I’ll get rid of that ugly title on all of my pages but search engines will still see it.

    Now I just have to figure out wy the spacing doesn’t look right.

    Thanks for all your time, Erik.

    DF

    Well I did it with my test site moving the logo to the left.

    It won’t work my way without a child theme.

    You can just put your blog title to this code it be better then 0px;

    .blog-title
      display: none;
    }

    I learned how to do a child theme from this video HERE

    Hope it helps you.

    Thread Starter dave.felder@gmail.com

    (@davefeldergmailcom)

    display:none; worked so much better than 0px. It got rid of the extra spacing, thanks again Erik.

    I’ll check out the child theme video this morning.

    Dave

    Awesome!

    Please mark as resolved if this answered your question.

    Thanks

    Thread Starter dave.felder@gmail.com

    (@davefeldergmailcom)

    Thanks for all your help.

    Dave

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

The topic ‘Header image on mobile device?’ is closed to new replies.