Double logo on iPad

resolved (6 posts) (2 voices)

  1. Hi guys,
    as you know, the logo becomes enormous on responsive so I had to edit that a bit, in style.css I edited this line:

    @media screen and (max-width:768px){
    .mysite_responsive .logo{display:none;} /* Edited */

    and in header.php o entered this:

    <div id="header">
    		<div id="header_inner">
    		<!-- SelfAdded -->
    		<?php global $mysite; if( isset( $mysite->mobile ) ) { echo '<a><img src = "http://alkhateeb.se/wp-content/uploads/UI/Logo.png"  width = "50%" /></a>'; } ?>
    		<!-- SelfAdded End -->
    		<?php mysite_header(); 
     
    		?></div><!-- #header_inner -->
    	</div><!-- #header -->

    now when I open my website on iPad 2 on horizontal mode it shows double logo.

    Any idea on how I can fix that problem?

    here's a screenshot from iPad:
    http://alkhateeb.se/wp-content/uploads/fail.png

    Posted 3 years ago #
  2. Elliott
    Support

    Hello alkhateeb,

    This line,

    .mysite_responsive .logo{display:none;} /* Edited */

    Needs to go in Dashboard -> your theme -> General Settings -> Custom CSS.

    Posted 3 years ago #
  3. Thank you Elliott

    Posted 3 years ago #
  4. Sorry but now this went a bit wrong again. Now my website header isn't showing :S
    http://alkhateeb.se/

    Posted 3 years ago #
  5. Elliott
    Support

    You have your site set to display responsively on all devices. Switch it back to just mobile devices.

    Posted 3 years ago #
  6. Thank you again Elliot.

    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