Increase header font size mobile view

FGZS · November 20, 2023

Hello,

I wanted to ask how to increase the size of the header font size in the mobile view only. I have also removed the dropdown menu in the mobile view by using the following code (which works well):

.burger-inner {
display: none !important;
}

When I try to add other codes found in the forum the drowpdown menu comes back and the font does not increase.

The URL of the website is https://www.mossinfrastructure.com/ and the password to the website is Test

Many thanks!

cecilesablayrolles · November 20, 2023

Hi!

Try this:

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

.header-display-mobile .header-title-text {
 font-size: 30px;
}

}

And adapt the size (30px here) as you like :)

FGZS · November 21, 2023

Yes, that has worked, many thanks for your help!

Increase header font size mobile view

Recommended Posts

FGZS

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

cecilesablayrolles

Link to comment

FGZS

Link to comment

Create an account or sign in to comment

Events

Circle Day

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources