Home page mobile responsiveness

  • Posted in : ikonik
  • tuahaj
    Participant

    Hello,

    For the tag line on my home page I am using three words to describe what I do but it ruins the responsiveness on the phone as on the phones the tagline goes out of the screen or touches the border. (I tested on two different phones). How do I add margin up top of the tagline.

    I am attaching screenshots.

    https://imgur.com/a/ukOwPjE
    https://imgur.com/a/WqsoZR3

    serkan
    Moderator

    Hi,
    I just tested your website with my mobile and it looks like this;
    https://ibb.co/jZvvTMg
    So i didn’t see any issue.
    Thanks

    tuahaj
    Participant

    Hello,

    I am testing these on an iPhone 7 and iPhone X. Could it be that your phone has a larger screen size? Because as shown in screenshots I posted, I have this issue on both devices on both chrome and safari.

    ahmetsali
    Keymaster

    Hi, you can try this custom css code to fix it;

    @media screen and (max-width: 991px) {
        .one-page-layout .home-heading { margin-top: 12vh; }
    }
    

    Cheers.

    tuahaj
    Participant

    Works flawlessly. Thank you.

    ahmetsali
    Keymaster

    You are welcome :) We’d be very happy if you can spare a minute to rate the theme on ThemeForest. Your feedback will boost our motivation and help us to work harder on future updates.

    https://themeforest.net/downloads

    Thank you for your support.

Viewing 6 posts - 1 through 6 (of 6 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