StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Mobile Responsive Header

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › General Discussion › Mobile Responsive Header

This topic is: not resolved

Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 21, 2014 at 10:39 am #95960
    Anthony Galli
    Member

    If my background is less than 450 px than I would like to use a responsive header design. So in other words for my browser I would like to use one image and than for phones 450 px or less I would like to use a different one. How can I do this?

    Currently if you look at my website on your phone you'll see that my header signature is cut off. Any help would be greatly appreciated in solving this problem!

    Thanks you!!

    I blog about great adventures, good habits, and quantified success! Join me on the open road @ http://www.AnthonyGalli.com

    http://anthonygalli.com
    March 21, 2014 at 6:07 pm #96006
    emasai
    Participant

    That's what media queries do. If you have a Genesis responsive child theme this function is already built in.

    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

    March 21, 2014 at 6:15 pm #96007
    Anthony Galli
    Member

    Where can I find that?

    I blog about great adventures, good habits, and quantified success! Join me on the open road @ http://www.AnthonyGalli.com

    March 21, 2014 at 6:21 pm #96009
    emasai
    Participant

    In your style.css at the bottom there are media queries. If you want a different standard for certain screen sizes you need to write new specific rules for whatever you want to apply to that particular size. Much as you would for any css styling.

    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

    March 21, 2014 at 7:29 pm #96016
    Anthony Galli
    Member

    What steps do I need to take in order for my vision to become a reality? What rules need to be in place? Sorry I know how to input css rules, but not write them. How would I write the rule to let me use a different image for the header in a mobile screen? I found the "Responsive Design" in the CSS file I just don't know what to do with it?!?

    Thanks for any more help you could give me!

    I blog about great adventures, good habits, and quantified success! Join me on the open road @ http://www.AnthonyGalli.com

    March 21, 2014 at 8:07 pm #96017
    AnitaC
    Keymaster

    Anthony if you would like customization service to get your header and social media buttons responsive for your website, click the Theme Support tab on my website and I'll be happy to assist you. It can be pretty challenging because each individual website's logos and headers are different sizes.

    Need help with customization or troubleshooting? Reach out to me.

    March 21, 2014 at 8:52 pm #96023
    emasai
    Participant

    As Anita says, what you are asking for is not as simple as adding a line of code. It is customization, which goes beyond the scope of this voluntary forum. So you will have to hire someone to fix your particular requirements.

    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘General Discussion’ is closed to new topics and replies.