Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #361879
    #362340

    Hey bogosavljev!

    Try this out, https://kriesi.at/support/topic/ (Purchase code hidden if logged out) -on-mobile-devices-possible/.

    Cheers!
    Elliott

    #362487
    This reply has been marked as private.
    #363064

    Hey!

    Try an absolute path like so.

    <?php echo avia_logo('http://www.yoursite.com/images/new_big_logo_100.svg', $addition, 'strong', true); ?>
    

    Best regards,
    Elliott

    • This reply was modified 4 years, 8 months ago by  Elliott.
    #363287
    This reply has been marked as private.
    #363427

    Hi!

    Please provide a link to the website. We would like to check it. I don’t think svg format image will work. Please use jpg or png format images.

    Best regards,
    Ismael

    #363799
    This reply has been marked as private.
    #363800
    This reply has been marked as private.
    #363964

    Hey!

    Oh. My bad. Anyway, please try this:

    @media only screen and (max-width: 767px) {
    .logo a span {
    display: none !important;
    }
    
    .responsive .logo a {
    background: url('http://dev.bogosavljev.com/wp-content/themes/quince-child/images/new_big_logo_100.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    }
    }

    This will remove the original logo image then assign the mobile logo as background.

    Best regards,
    Ismael

    #363966
    This reply has been marked as private.
    #363968
    This reply has been marked as private.
    #364132
    This reply has been marked as private.
    #365063

    Hey!

    The code works when i tested it live on your site – http://screencast.com/t/IOehxv9xMb

    Best regards,
    Josue

    #365519
    This reply has been marked as private.
    #365764

    Hey!

    Try changing the media query max-width value:

    @media only screen and (max-width: 1024px) {
    	.logo a span {
    	display: none !important;
    	}
    
    	.responsive .logo a {
    	background: url('http://dev.bogosavljev.com/wp-content/themes/quince-child/images/new_big_logo_100.svg');
    	background-repeat: no-repeat;
    	background-size: 100%;
    	}
    }

    Cheers!
    Josue

    #365781

    Hey!

    This is working well!

    Thanks!

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

The topic ‘Use different logo on tablets and phones?’ is closed to new replies.