[smb1986]

Looking to find a fix for how the header, specifically the font size, responds when viewing my blog page in mobile tablet mode.  The type size changes perfectly for viewing in cellphone mode, but not the other.

Will there be a standard update for this? OR can someone provide some coding I could include to make the correction?

If you need more information, please advise.  Thanks so much!

[vako]

Hi,

 

Please share your website URL and we will check for the possible solutions.

 

Kind Regards

[smb1986]

Thanks for the response!  I just launched the site yesterday as I was waiting/looking for an update to this issue.  My site address is:

entangledbygrace.org

 

[vako]

Hi Serina,

 

Please navigate to Dashboard > Appearance > Customize > Additinioal CSS section and add the CSS snippet below:

@media screen and (max-width: 979px) {
.header-logo a {
font-size: 90px !important;
}
}
@media screen and (max-width: 692px) {
.header-logo a {
font-size: 70px !important;
}
}
@media screen and (max-width: 556px) {
.header-logo a {
font-size: 50px !important;
}
}

 

Kind Regards

[Author]

Posts