- This topic has 14 replies, 2 voices, and was last updated 4 years, 9 months ago by Hans (Support Admin).
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?
- This topic was modified 4 years, 9 months 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?
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,
OwenHello 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,
OwenHi Hans,
I believe that has worked.
Thank you! Look forward to the update.
Kind Regards,
OwenHi 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,
OwenHi 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 4 years, 9 months 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.
You must be logged in to reply to this topic.