[Christina Steenberg Juul]

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???

[vako]

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

[Author]

Posts