Size of the mobile site header

  • Resolved Halil ESEN

    (@halilesen)


    4 years, 2 months ago

    Hello there,
    I do not use logo in picture format (jpg, png …) due to some aesthetic concerns. I like the text logo that comes up by default more. But it is too small in mobile view. Is there any way to grow it?

    Request: https://i.hizliresim.com/bdnhUT.jpg

    Note: I can’t get the pro version yet. ??

    Yours.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Hi Halil,

    Sure, this CSS will work well to increase the site title font size on mobile devices:

    @media all and (max-width: 37.5em) {

	.site-title {
		font-size: 24px;
	}
}
    Thread Starter Halil ESEN

    (@halilesen)

    Thank you so much. I added the code to “additional css”. However, the hood slipped down. I edited it with a code you gave before.

    The final code was:

    @media all and (max-width: 37.5em) {

	.site-title {
		font-size: 24px;
	}
}
@media all and (max-width: 899px) {
	.title-container {
		margin-top: -4px;
	}
}

    Thank you so much.

    Theme Author Ben Sibley

    (@bensibley)

    Good catch! Thanks for sharing that update here as well.

    Thread Starter Halil ESEN

    (@halilesen)

    Thank you for everything.

    Best regards.

    Thread Starter Halil ESEN

    (@halilesen)

    A new update to be helpful:

    @media all and (max-width: 799px) {

	.site-title {
		font-size: 24px;
	}
}
@media all and (max-width: 600px) {
	.title-container {
		margin-top: -4px;
	}
}

    I adapted it to the width of the screen.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Size of the mobile site header’ is closed to new replies.