Header Font Size Mobile Version

  • franbulb

    (@franbulb)


    8 years ago

    Hey there,

    sorry to bother you! I know this has been asked before but I couldn’t find a working solution: Is there any way to fit the font of the header of this theme to the mobile site?

    Thank you so much!
    Cheers,
    Franzi

Viewing 2 replies - 1 through 2 (of 2 total)
  • jasmeetsingh

    (@jasmeetsingh)

    Hey Franbulb..
    If you are asking about the LOGO settings of the mobile then here We go with the solution.. ??

    Follow the steps..
    1. /wp-content/themes/business-leader/style.css go to this file…
    2. here you have to go to 638-650 line number and you will find the following code..

    .site-header .site-branding .logo img {
    float: left;
    max-width: 100%;
    max-height: 55px;
    margin-right: 10px; }
    @media screen and (max-width: 1024px) {
    .site-header .site-branding .logo img {
    width: 30px; [///PLACE WHERE THING IS TO BE CHANGED////]
    padding: 2.5px 0; } }

    What ever size you want you can set accordingly in place of 30px.. ??
    Hope this will be helpful for you..

    jasmeetsingh

    (@jasmeetsingh)

    And if you are asking about the Font and color on the mobile then here We go with the solution.. ??

    Follow the steps..
    1. /wp-content/themes/business-leader/style.css go to this file…
    2. here you have to go to 647-654 line number and you will find the following code..

    .site-header .site-branding .site-title {
    display: inline;
    font-weight: 100;
    font-size: 32px; [///PLACE WHERE THING IS TO BE CHANGED FOR FONT SIZE////]
    font-size: 3.2rem;
    clear: none;
    line-height: normal;[///PLACE WHERE THING IS TO BE CHANGED FOR DISTANCE BETWEEN . THE LINES IN THE HEADER Title////]
    color: white; [///PLACE WHERE THING IS TO BE CHANGED FOR FONT COLOR////]

    Hope You find this helpful.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Header Font Size Mobile Version’ is closed to new replies.