Alternate Header when Using iPhone

Community Forums Forums Design Tips and Tricks Alternate Header when Using iPhone

This topic is: not resolved

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

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #90721

    jasonHawk
    Participant
    Post count: 25

    Hello guys, is there a way to have an alternate header when a user is using an iphone? or when a user is using mobile phones that has low screen size/resolution. By the way this is the website matttowner(dot)com and I’m using executive pro theme . The current website header is mobile responsive, but when I use an iphone the phone number is very small.

    best luck… Jason

    • This topic was modified 10 months, 1 week ago by  jasonHawk.
    • This topic was modified 10 months, 1 week ago by  jasonHawk.
    #90767

    braddalton
    Participant
    Post count: 10683

    You could try CSS Media Queries at the end of your child themes style.css file or PHP conditional tags for mobiles.


    #90789

    Scott
    Member
    Post count: 37

    Yes, assuming you have a logo.png active, you can upload your alternate header file, say logo-alt.png to your images directory, then use a media query custom css to replace the image with your alternate image when the iphone viewport size is triggered.

    Example:

    <style>
    @media only screen and (max-width: 767px) {
    .header-image .site-header .wrap {
    	background: url(http://yoursite.com/wp-content/themes/genesis/images/logo-alt.png) no-repeat center;
    }
    }
    </style>

    Once you have uploaded logo-alt.png to your achive child theme’s images directory, you can replace the URL and place the above code into your “Genesis > Header and Footer Scripts > wp_head” box….

    • This reply was modified 10 months, 1 week ago by  Scott.
    • This reply was modified 10 months, 1 week ago by  Scott.
    #90891

    jasonHawk
    Participant
    Post count: 25

    Thanks for the input Scott and braddalton. Trying this now!

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

You must be logged in to reply to this topic.