Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #808602
    #808680

    Hey Tim,

    If you are familiar with CSS you can do so using media queries.

    Best regards,
    Jordan Shannon

    #808901

    Hello Jordan,

    I did but that didn’t work. Can you give me the right code?

    Greets

    #809027

    Hi,

    So you only want the logo to be displayed if the screen is under 500px?

    Best regards,
    Jordan Shannon

    #809701

    Hey Jodan,

    Yes and more specific I want the mobile logo to be displayed till 500px.

    #809828

    Hi,

    Can you screenshot what the mobile logo looks like? I am seeing the same logo on the desktop, tablet and mobile.

    Best regards,
    Jordan Shannon

    #809836

    Yes see the link below.

    #809848

    Hi,

    I am seeing that logo now at a screen width of 375px. So it does appear to show until 500px, unless I am misunderstanding. After 500px do you want the standard non-mobile logo to show?

    Best regards,
    Jordan Shannon

    #810242

    Yes that’s right.

    #810448

    Hi,

    Adding the following to quick css should work:

    @media only screen and (max-width: 500px) {
    .logo img { opacity: 0; }
    .logo a { background-image: url(https://bb.nl/wp-content/themes/enfold-child/images/logo-mobile.png); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }}
    
    
    @media only screen and (min-width: 500px) {
    .logo img { opacity: 0; }
    .logo a { background-image: url(https://bb.nl/wp-content/uploads/2014/12/bb-logo-payoff-schaduw.png); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }}

    Best regards,
    Jordan Shannon

    #858423

    Hello Jordan,

    A bit late.. but it worked thnx! You can close it.

    Greets Tim.

    #858529

    Hi,

    Great! If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

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

The topic ‘Mobile logo not on tablet’ is closed to new replies.