This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  vako 2 months, 1 week ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #36904

    Christina Steenberg Juul
    Participant
    Premium Member

    Hey

    I’m using Bard for my theater Sangerindepavillonen.dk.

    I have a challenge with my header when I open the site on a mobil device the last letters in my header is cut of… If I change my headersize it becomes very small and it changes the look for the site. Can this problem be solved somehow???

    #36921

    vako
    Keymaster
    WP Royal Team

    Hi Christina,

    Please navigate to Dashboard > Appearance > Customize > Aditional CSS and following snippet:

    @media screen and (max-width: 880px){
    .header-logo a {
    font-size: 77px !important;
    }
    }
    @media screen and (max-width: 676px){
    .header-logo a {
    font-size: 57px !important;
    }
    }
    @media screen and (max-width: 518px){
    .header-logo a {
    font-size: 40px !important;
    }
    }
    @media screen and (max-width: 340px){
    .header-logo a {
    font-size: 25px !important;
    }
    }

     

    Kind Regards

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

You must be logged in to reply to this topic.