BLACK FRIDAY & CYBER MONDAY SALE! Get 40% off. Hurry Up !!! Limited Time Peroid !!! 🔥🔥 Coupon Code: BF2022

Home Forums Square Header overlaps slider in Mobile View

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #46970
    rlspvfo
    Participant

    Hello,

    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

    #46974
    Hash
    Keymaster

    Hi,

    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

    #47228
    rlspvfo
    Participant
    This reply has been marked as private.
    #47239
    Hash
    Keymaster

    Do 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;
    }
    }

    #47241
    rlspvfo
    Participant

    Yes, 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?

    #47263
    Hash
    Keymaster

    sorry, the correct code is

    @media screen and (min-width: 580px){
    .sq-site-title a {
    font-size: 14px;
    }
    }

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.