Site Title Bug

  • Author
    Posts
  • #63510

    Hello,

    My problem is the following. When I use the mobile version of my website, the title doesn’t appear entirely as you can see here: http://lactutech.tk/tests/freshr/

    Please someone can help me ?

    Mathieu

    Website: lactutech.tk

    #63556

    Hello,

    I have a similar problem and have already posted it here: https://www.cryoutcreations.eu/forums/t/site-title-bug-on-mobile-version

    I kind of solved my issue by adding the following code into the Custom CSS field in the theme settings:
    @media only screen and (max-width: 800px) and (min-width: 451px) {
    /* Site Title and Text on mobile */
    #site-text {
    font-size: 16px;
    display: inline-block;
    }
    }
    @media only screen and (max-width: 450px) {
    /* Site Title and Text on mobile */
    #site-text {
    font-size: 15px;
    width: 190px;
    display: inline-block;
    }
    }

    Be careful though because the different devices have different screen size of their browsers and you will probably have to define some more lines like these for different resolution sets.

    Best Regards,
    Vasil Krastev

    Website: mweekend.net

    #63557

    For me it doesn’t work…

    Website: lactutech.tk

    #63558

    Did you try changing the values for ‘width’ and ‘font-size’? Probably my values will not work for you.

    Also ‘max-width’ and ‘min-width’ should be adjusted too. Try https://www.webpagefx.com/tools/whats-my-browser-size/
    to determine your browser resolution so that you can put the correct values.

    • This reply was modified 5 years ago by vasskion.
    #63919
    Zed
    Cryout Creations mastermind

    @Mxthieu: I assume you’re referring to the header titles feature (displayed below the menu), as you are not using the site title in the header (next to the logo).

    If the header title doesn’t fit in the available space (with your set header image), switch the header image from contained to cropped (as this will make it keep its height on mobile devices), or disable the header titles feature.


    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.
    #63988

    @Zed: Thanks it works perfectly now 😉

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

The topic ‘Site Title Bug’ is closed to new replies.