Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 5, 2016 at 8:43 am #82217
    andrewf90
    Member

    Hi,

    I’m in the process of developing my website and I’m trying to get used to designing it. Everything looks good so far, except for when I load my website on my mobile browsers, the last letter is almost cut off. My phone is an iPhone 5S, and the site title has 19 characters. Is there a way to make the site title fit better maybe with a bit of padding or making the site title auto-adjust to the screen size if it’s small screen?

    Thanks, guys!

    January 5, 2016 at 12:14 pm #82236
    Mahesh
    Keymaster

    Hi @andrewf90,

    Please post in your site url.

    Regards,
    Mahesh

    January 6, 2016 at 1:37 am #82265
    andrewf90
    Member

    Hi,

    It’s http://goo.gl/49Mbeo

    January 6, 2016 at 10:00 am #82284
    Mahesh
    Keymaster

    Hi @andrewf90,

    Go to “Dashboard=> Appearance=> Theme Options=> Custom CSS” and add the following CSS.

    @media screen and (max-width: 360px){
	#site-title {
	    font-size: 24px;
	}
}

    Regards,
    Mahesh

    January 7, 2016 at 12:12 am #82343
    andrewf90
    Member

    Oh! If it’s not too much trouble, could you please replace the website url I posted with this one: http://goo.gl/49Mbeo? I think I waited too long to edit the post. I’m so sorry for the trouble.

    January 7, 2016 at 1:01 pm #82374
    Mahesh
    Keymaster

    Hi @andrewf90,

    No problem, its done.

    Regards,
    Mahesh

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Mobile Site: Site Title Padding’ is closed to new replies.