This topic contains 14 replies, has 2 voices, and was last updated by  Hans (Support Admin) 1 month ago.

Mobile Responsive

  • Hi There,

    When trying to configure my site i’ve found the mobile responsiveness of this theme isn’t the best? The on-scroll feature of the navbar isn’t working properly on mobile and the hamburger menu is falling below the logo not to the side of it as it should be? On desktop this is all completely fine however when trying to scroll my website on mobile the navbar doesn’t change to white making my logo and the hamburger menu impossible to see? Could you please assist?

    Hamburger Menu

    • This topic was modified 1 month ago by  genzoid.

    Hello,

    Yes of course I can assist you with that.

    Can you provide a link to your site so I can have a look?

    This reply has been marked as private.

    Hi Hans,

    Just a small update. I’ve managed to get the responsive issue sorted with some custom CSS. However remaining is the issue of the navbar not changing to white on scroll? But this issue is only present on mobile. I’ve scanned multiple websites for the answer and 5 hours later still not a clue. I’ve noticed on the demo version this is also the case as well. It works on desktop but not mobile on scroll.

    Could you please take a look at this? As it’s vital for my site to work on mobile and i’ve just purchased the theme, not being able to use the white navbar on a white bg site is a big downfall and it should have a white sticky bg on the navbar.

    Appreciate your help & look forward to seeing your resolution to the issue!

    Kind Regards,
    Owen

    Hello Owen,

    Apologies for the delay.

    I am working on an update which will address this issue on mobile devices.

    Please give us until tomorrow to release the update.

    If you have activated your license you will be able to update directly from within your Admin Dashboard.

    Hi Hans,

    Great stuff! I look forward to the update tomorrow.

    This was something i struggled to do earlier also, i puechased a pro license from themely however cant find the license code in order to activate? Could you please advise.

    Kind Regards,
    Owen

    This reply has been marked as private.
    This reply has been marked as private.

    Hi Hans,

    I believe that has worked.

    Thank you! Look forward to the update.

    Kind Regards,
    Owen

    Hi Owen,

    Ok, glad to hear.

    Working on it as we speak.

    Hi Owen,

    I have released the update.

    There is still a small issue we want to rectify that we are working on.

    But the Hero section spacing issue and menu background color when you scroll on mobile should be fixed.

    Please update and clear your cookies and cache so I can verify.

    Hi Hans,

    All looks great from my end! Thank you very much for your help.

    Kind Regards,
    Owen

    Hi Hans…

    Not sure if i’ve done something although i’m almost certain i havent. Take a look at the site cross platform lol http://www.genzoid.com There seems to be a 200px padding top and bottom of the hero section? Not sure if this is the small issue?

    • This reply was modified 1 month ago by  genzoid.

    Hi Hans,

    Just to let you know i fixed this error by applying this CSS

    .hero.vh-100, .hero-slider.vh-100{
    padding-top: 0px;
    padding-bottom: 0px;
    }
    @media only screen
    and (max-device-width: 980px)
    {
    .row, .h-100{
    padding-top: 50px;
    padding-bottom: 25px;
    }
    }
    @media only screen
    and (max-device-width: 500px)
    {
    .row, .h-100{
    padding-top: 35px;
    padding-bottom: 15px;
    }
    }

    Hope this helps!

    Hello,

    A better solution is to use the following on line 512 of the style.css file.

    .hero.vh-100, .hero-slider.vh-100 {
    padding-top: 20vh;
    padding-bottom: 15vh;
    }

    I will release another update with those changes.

Tagged: 

You must be logged in to reply to this topic.