Home › Forums › Jevelin Theme › Header for iPhone X is not work right on Fitness DEMO
Home › Forums › Jevelin Theme › Header for iPhone X is not work right on Fitness DEMO
Hi, thanks for nice theme and I really love it. Well, I just import the Fitness demo and check through with iPhoneX then I found out that the header is on gray background(Please see the file attached).PC and iPhone 8 and Android work fine but iPhoneX.
I tried add css
<pre class=”timelineMessage__message”>.home .vc_custom_1536340358643,
.home #rev_slider_2_1_wrapper{
background: none !important;
}
body.ios #rev_slider_2_1_forcefullwidth{
margin-top: -18px !important;
}
.vc_custom_1536340358643{
display: inline-block !important;
}
and jquery
<pre class=”timelineMessage__message”>if ( window.navigator.userAgent.match( /(iPad|iPhone|iPod)/g ) ) {
$(‘body’).addclass(‘ios’);
}
but not work right.
thanks for you time.
Hi @castage,
I hope you are well today and thank you for your question.
Have you made any changes in the theme files?
Do you also face the same issue on the below demo site?
https://jevelin.shufflehound.com/home/home-fitness/
Best regards,
Shufflehound team
Thanks for the reply!
the URL you gave me looks fine…
maybe it causes logo size.
Thank you
I reinstall the theme and duplicate the default slider then when I change the slide image, it happened again…
Once it happened, even I set original slider, it never come back again…
maybe it causes logo size.
Does it occur for you when you don’t set any logo and use default Jevelin theme logo?
when I change the slide image, it happened again…
Is it happening for any particular image or all images?