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?
If you need services beyond standard support, we've got your back!
If you'd prefer not to handle the installation yourself or need help getting started, we'll set everything up for you.
We'll help you rearrange sections, adjust spacing, and modify the page structure to fit your needs.
More complex styling changes, theme option modifications, and third-party integrations.
If you need something that's not included in the theme, we can code it for you.
Web design services to create custom sections, pages, and blocks for your theme, plus graphics and visualizations.
Full website builds, custom theme development, or plugin creation from scratch.
We'll provide a clear quote based on what you need. No hidden fees.