Mobile logo for iphone only - not ipad

resolved (14 posts) (2 voices)

  1. CFarone
    Member

    Hey, Elliot...

    Having read other support posts, I have used the following code to set a smaller logo for our mobile site.

    <?php global $mysite; if( isset( $mysite->mobile ) ) { echo '<img src = "http://www.myimage.jpg" />'; } ?>

    Unfortunately, this code sets the logo globally for all mobile devices.

    I don't need this smaller logo for ipad. I only need to use it for iphone and android phones. Is there a way to do that?

    Thank you!
    CFarone

    Posted 3 years ago #
  2. Elliott
    Support

    Hello CFarone,

    Send us a link and we'll take a look.

    Posted 3 years ago #
  3. CFarone
    Member

  4. CFarone
    Member

    On a related issue, the social media icons for iphone and android appear over the smaller logo.

    So what I would really like is code to make the smaller logo for iphone/android to be centered with the social media buttons centered UNDERNEATH the logo.

    Thank you for your assistance.

    Posted 3 years ago #
  5. Elliott
    Support

    Add a style to your link surrounding your logo like so,

    <a href = "your link" style = "position: relative; top: 20px;">

    Posted 3 years ago #
  6. CFarone
    Member

    I have added the above code to the link in the header.php file and the social icons are STILL at the top and overlapping the logo. I need the social icons to be underneath the logo and centered.

    Thanks...
    http://www.thetravelingsouplress.com
    Issue is with iphone/android mobile view

    Posted 3 years ago #
  7. CFarone
    Member

    Regarding my first question...what code do I use so that the ipad uses the desktop logo and only iphone/android uses the mobile logo?

    Posted 3 years ago #
  8. Elliott
    Support

    I don't see an easy way of doing that.

    The ipad in horizontal orientation should display the desktop logo anyway though since it's wide enough that the whole site fits inside.

    Posted 3 years ago #
  9. CFarone
    Member

    ipad is connected to the mobile code, though...so when I disable the desktop logo using this code
    <?php global $mysite; if( isset( $mysite->mobile ) ) { echo '<img src = "http://www.myimage.jpg" />'; } ?>
    it also disables it in ipad. I need to target the mobile logo for only iphone and android.

    Posted 3 years ago #
  10. CFarone
    Member

    Any other ideas about the social media icons overlapping the logo on the mobile view? The code you gave me did not work. I need the social icons to be underneath the logo and centered.

    Posted 3 years ago #
  11. Elliott
    Support

    See here for moving the header elements around, http://mysitemyway.com/docs/index.php/Customizing_the_Header.

    You can add the CSS in Dashboard -> your theme -> Responsive & Mobile -> Mobile CSS to target only mobile devices.

    Posted 3 years ago #
  12. CFarone
    Member

    Thanks for that info...I have read it previously and wasn't able to make the css work to get the social media to center under the logo on iphone and android.. I will just keep doing trial and error.

    Posted 3 years ago #
  13. CFarone
    Member

    So...using this code to add a smaller logo to mobile sites...

    <?php global $mysite; if( isset( $mysite->mobile ) ) { echo '<img src = "http://www.myimage.jpg" />'; } ?>

    There is nothing I can add to it so that it is true ONLY for iphone and android.

    I don't need the smaller logo for the ipad.

    Posted 3 years ago #

Reply

You must log in to post.

Construct WordPress Theme
Construct wordpress theme
Myriad WordPress Theme
Myriad wordpress theme
Method WordPress Theme
Method wordpress theme
Fusion WordPress Theme
Fusion wordpress theme
Elegance WordPress Theme
Elegance wordpress theme
Echelon WordPress Theme
Echelon wordpress theme
Dejavu WordPress Theme
Dejavu wordpress theme
Modular WordPress Theme
Modular wordpress theme