I am using your theme for a couple of months now however can't get it to smoothly work on my phone, which is what most of my clients will be on when they look up my website.
My biggest problem is that the website does not seem to work in landscape mode, it will just show me an image to hold my phone vertical.
I have some other problems (like it not playing sound on my home video) for which I will probably upload separate tickets.
Hope you can help me with this issue. Thank you in advance
sorry for the late reply. It's not recommended to have the theme displayed in landscape mode because of the top address bar and the bottom bar covering the content.
to remove the orientation image in landscape mode go to style.css and remove this bit at the end of the file:
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
Hi,
I am using your theme for a couple of months now however can't get it to smoothly work on my phone, which is what most of my clients will be on when they look up my website.
My biggest problem is that the website does not seem to work in landscape mode, it will just show me an image to hold my phone vertical.
I have some other problems (like it not playing sound on my home video) for which I will probably upload separate tickets.
Hope you can help me with this issue. Thank you in advance
Cheers,
Joshua
Hi Joshua,
sorry for the late reply. It's not recommended to have the theme displayed in landscape mode because of the top address bar and the bottom bar covering the content.
to remove the orientation image in landscape mode go to style.css and remove this bit at the end of the file:
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
#rotate-device {
display:block;
}
}
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
Hi,
Thank you for your reply this worked well for my intended purpose.
Since I made my header logo bigger in normal circumstances
I made it smaller on mobile phones with the following code:
@media only screen and (max-width: 700px){
header a.logo-light img {max-height: 300px;}
#logo img {
height: 50px;
}
}
Kind regards,
Joshua
Hi,
yes media queries work well for elements on mobile devices. closing this for now.
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio