Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #245316
    AndreaFlisch
    Participant

    Hi, i’ve got following problem.
    Only in mobile view page title and subtitle are missing.
    How can this be fixed?
    Siteadress: http://www.andreaflisch.ch
    Many thanks in advance.
    Kind regards Andrea

    #245344
    Skandha
    Participant

    @andreaflisch: Hello Andrea,
    Can you let me know which page title and subtitle you are referring to?

    Kind Regards,
    Skandha

    #245413
    AndreaFlisch
    Participant

    Hello Skandha

    Yes: it’s the title and subtitle next to the logo: Andrea Flisch, Farb-, Stil-, und Imageberatung.

    Kind Regards
    Andrea

    #245460
    Skandha
    Participant

    @andreaflisch: Hello Andrea,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .site-identity {
        display: inline-block !important;
    }

    Let me know if this works out!
    Kind Regards,
    Skandha

    #245509
    AndreaFlisch
    Participant

    Hello Skandha

    unfortunately it does’t work with this css code. Nothing happens…
    Do you have another solution?

    Greetings, Andrea

    #245510
    Skandha
    Participant

    @andreaflisch: Hello Andrea,
    The code I provided you above seems to be working at my end. Since you have a large logo the Site title and tagline seem to be overflowing to the right.
    Can you try using the following CSS Code.

    .custom-logo {
        max-width: 100px;
    }
    .site-identity {
        display: inline-block !important;
    }

    Let me know if this works out!
    Kind Regards,
    Skandha

    #245515
    AndreaFlisch
    Participant

    Hello Skandha

    it worked, see publication. I really like it on the phone now. But on the laptop view, the logo is now too small for me. Is there a way to make the views different?

    Many thanks for your efforts
    Andrea

    #245517
    Skandha
    Participant

    @andreaflisch: Hello Andrea,
    Replace this code I provided you above with

    .custom-logo {
        max-width: 115px;
    }

    with

    @media screen and (max-width: 620px) {
    	.custom-logo {
     	   max-width: 115px;
    	}
    }

    Let me know if this works out!
    Kind Regards,
    Skandha

    #252850
    luislema
    Participant

    Hello Skandha, your code works and now the tagline is showing on mobile devices, but I can’t change its size and font. This code is not working:

    .site-identity {
        display: inline-block !important;
        font-size: 55px !important;
        font-family: Segoe Print !important;
    }

    How can I customize the tagline font and size?

    Thanks.

    Luis

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Title and Subtitle missing in mobile view’ is closed to new replies.