Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • August 16, 2014 at 6:23 pm #305328
    richardwilding

    Hi, when I view my website on mobiles my h1 title in the header overlaps with the mobile menu button.

    Is there a way to make my h1 title smaller when viewed on mobiles?

    Thanks, Richard

    August 18, 2014 at 12:12 pm #305683
    Yigit

    Hey Richard!

    Seems like you have already figured it out? :)

    Regards,
    Yigit

    August 25, 2014 at 7:39 pm #308957
    richardwilding

    Hi Yigit, I made the h1 title smaller in the general settings styling, but it would be good to be able to set it larger on large screens and smaller on mobiles so that it doesn’t collide with the mobile menu.

    Thanks, Richard

    August 26, 2014 at 3:58 am #309078
    Ismael

    Hi!

    You can use this on Quick CSS to alter the size of the h1 logo:

    h1.logo.bg-logo {
font-size: 38px !important;
}

@media only screen and (max-width: 767px) {
h1.logo.bg-logo {
font-size: 26px !important;
}
}

    Regards,
    Ismael

    August 26, 2014 at 12:01 pm #309269
    richardwilding

    Great, thanks Ismael

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘h1 header size on mobiles’ is closed to new replies.