- This topic has 5 replies, 2 voices, and was last updated 2 years, 2 months ago by
Hash.
- AuthorPosts
- June 22, 2022 at 7:56 am #46970
rlspvfoParticipantHello,
I am looking for help with fixing this issue. It displays fine on desktop view. However, in mobile view the header overlaps the slider image in Mobile View. Please let me know if there is a way to fix this.
Thank you
June 23, 2022 at 10:43 am #46974HashKeymasterHi,
The slider should display below the header. Did you see such issue on our demo website as well?
Please reply back with your website URL so that we can check the cause of this issue.
Thanks
July 19, 2022 at 7:13 am #47228rlspvfoParticipantThis reply has been marked as private.July 19, 2022 at 7:27 pm #47239HashKeymasterDo you mean that the header title and tagline is displaying over the sider?
If it is the case then you can fix it by making the header title font size smaller in the mobile version. For that you need to add custom CSS code by going to Appearance > Customize > Additional CSS
@media screen and (max-width: 580px){
.sq-site-title a {
font-size: 14px;
}
}July 20, 2022 at 7:52 am #47241rlspvfoParticipantYes, that is exactly what I mean. It only does it in the mobile display version. I tried the code you sent but it only affects the regular display version. The mobile version remains unchanged. I tried making changes in different areas of the Additonal CSS code to see what happens and nothing seems to affect the mobile version, only the regular version. Is there anything I am missing?
July 21, 2022 at 6:18 pm #47263HashKeymastersorry, the correct code is
@media screen and (min-width: 580px){
.sq-site-title a {
font-size: 14px;
}
} - AuthorPosts
- You must be logged in to reply to this topic.
