Mobile Responsive Header

Community Forums Forums General Discussion Mobile Responsive Header

This topic is: not resolved

Tagged: 

This topic contains 6 replies, has 3 voices, and was last updated by  emasai 6 months, 1 week ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #95960

    Anthony Galli
    Participant
    Post count: 78

    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
    #96006

    emasai
    Participant
    Post count: 669

    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

    #96007

    Anthony Galli
    Participant
    Post count: 78

    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

    #96009

    emasai
    Participant
    Post count: 669

    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

    #96016

    Anthony Galli
    Participant
    Post count: 78

    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

    #96017

    AC
    Blocked
    Post count: 7712

    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.

    #96023

    emasai
    Participant
    Post count: 669

    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

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.