Site title not mobile reponsive.

  • Posted in : Empathy
  • stephdenis
    Participant

    The site title under the image of the side menu bar, is not completely mobile responsive.

    When I test the website in the mobile version I can see that the last word “Marketer” does not appear correctly.

    website: http://stephdenis.biz/

    Please advise.

    serkan
    Moderator

    Hi,
    Could you try to use this custom css code;

    @media screen and (max-width: 767px) { .site-title {  line-height: 24px; top: 12px; width: 300px; margin-left: -24px;  font-size: 11px; } }

    Thanks

    stephdenis
    Participant

    Yeah the code works but the UI still looks clumsy. I

    s there a way to reduce font size so that it fits in 1 line, and not 2 lines? (:

    serkan
    Moderator

    Hi,
    I just updated the custom css code above. Please try to use the new css code.
    Thanks

    stephdenis
    Participant

    Ok, we’re getting closer.

    Now that everything is in one line, the last word (Marketing) is cut.

    Would it be possible to to put the spacing between the mobile menu bar and site title closer together.

    In such a way the site title may fit in completely.

    If not can we also add a smaller font size?

    serkan
    Moderator

    Hi, I did a little customization on the css code. Please check it out.
    Thanks

    stephdenis
    Participant

    awesome feedback, thanks. will check it out now!

    stephdenis
    Participant

    Works like a charm.

    Problem solved!

    serkan
    Moderator

    That is fantastic =)

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register