Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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!

    #82236
    Mahesh
    Participant

    Hi @andrewf90,

    Please post in your site url.

    Regards,
    Mahesh

    #82265
    andrewf90
    Member
    #82284
    Mahesh
    Participant

    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

    #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.

    #82374
    Mahesh
    Participant

    Hi @andrewf90,

    No problem, its done.

    Regards,
    Mahesh

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