Scaling issues for mobile

  • Hello, I’m having trouble with both the header text and the slider not scaling for mobile. The website slider looks fine both on desktop and tablet but on mobile its completely displaced. The website title in the header looks fine on desktop but doesn’t seem to scale properly on any other device.

    Any help would be appreciated.

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

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

  • Hi there,
    can you replace this

    h1 {
    font-family: 'Lato';
    font-size: 60px;
    font-style: normal;
    font-weight: 100;
    letter-spacing: 8px;
    line-height: 0.8;
    margin-top: 39px;
    margin-bottom: 2px;
    margin-left: 194px;
    margin-right: 226px;
    text-decoration: none;
    text-transform: none;
}

    in your custom CSS box with this

    @media(min-width:991px){
h1 {
    font-family: 'Lato';
    font-size: 60px;
    font-style: normal;
    font-weight: 100;
    letter-spacing: 8px;
    line-height: 0.8;
    margin-top: 39px;
    margin-bottom: 2px;
    margin-left: 194px;
    margin-right: 226px;
    text-decoration: none;
    text-transform: none;
}
}

    Also replace

    .slide .slide-content {
    padding: 20px;
    min-width: 400px;
    background: rgba(255, 255, 255, .7);
}

    with this

    @media(min-width:991px){
.slide .slide-content {
    padding: 20px;
    min-width: 400px;
    background: rgba(255, 255, 255, .7);
}

}

    Let me know if you need additional help on this.

    Thread Starter bumblegreens

    (@bumblegreens)

    Hi again, thanks for the help!
    The slider solution worked but I’m still having problems with the texts. Not sure if I’m editing the CSS in the right place but nothing seems to be happening.
    Thanks again!

    Hi there,
    @bumblegreens
    It seems you are using a third party plugin for fonts, which does not support mobile styles. So you can remove styles from this plugins and add my custom css as suggested above.
    Let me know if this worked for you.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Scaling issues for mobile’ is closed to new replies.