Problem with long "text logo" on mobile devices (under 550px width)

  • Author
    Posts
  • #43645

    hi
    I have problem with my text logo on mobile devices and in browsers – under 550pix width.
    Under 550pix to 518pix – menu button (3 lines) is displayed on the text (in my example on “online”)
    Under 518pix width – “logo text” jump directly on my external slider… and it’s looking weird.
    So the best soltion will be fix it for <550pix browsers.

    How Can i fix it? – easier – better for me 🙂

    Regards !

    Website: www.mptv.pl

    #43662
    Zed
    Cryout Creations mastermind

    You can try hiding the site title when it no longer fits in:

    @media (max-width: 525px) {
         #branding #site-text { display: none; }
    }

    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    #43663

    thx – but where i can find this?

    • This reply was modified 7 years ago by psycho144.
    #43664

    ok – i’ve added to css! it’s works perfect !

    #44714

    I have an image/logo/header that I would like to remove only for mobile.. or, at least change it so it’s smaller. I tried the code you shared here but it didn’t work (changed “site-text” to “site-logo”).

    Website: companionbirds.ca

    #44773
    Zed
    Cryout Creations mastermind

    The logo identifier is #branding #logo { }


    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Problem with long "text logo" on mobile devices (under 550px width)’ is closed to new replies.