Site Title Bug

  • Author
  • #63510


    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:

    Please someone can help me ?





    I have a similar problem and have already posted it here:

    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



    For me it doesn’t work…



    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
    to determine your browser resolution so that you can put the correct values.

    • This reply was modified 6 years ago by vasskion.
    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
    Please check the available documentation and search the forums before starting a topic.

    @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.