Website title

  • I can’t seem to get the title on the immunomodulators page to fit onto a mobile phone screen. The words appear to be cut off.
    I also have a second issue with the antiviral page – an extra scroll bar appears on the right of the screen.
    I have tried enetering the following onto CSS:

    h1 {
    font-size: 5.9vw;
    }

    @media only screen and (max-width: 600px)
    {
    .custom-logo {
    max-width: 100%;
    }
    }

    html,body { overflow-x: hidden };

    .h1.inner-header {
    white-space: pre-line;
    overflow-wrap: break-word;
    font-size: 32px !important;
    }

    Can anyone help?

    Thanks

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • try removing the period before .h1 it should just be h1. I think you have it right you just put an extra period in it.

    h1.inner-header

    I don’t know if you can hide the scroll bar. Microsoft has an extension called overflow-style which allows you to hide it in Microsoft browsers. But, it not part of standard css.

    Thread Starter mehkas

    (@mehkas)

    @mrtom414 thanks. I’ll try the extension. The scroll bar does not work so seems pointless keeping it.
    I removed the period but it did not seem to do the trick and still cuts off the word onmy phone.

    Thanks for the replies.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Website title’ is closed to new replies.