Sydney header slider

  • Resolved sarojakm

    (@sarojakm)


    2 years, 11 months ago

    My site when viewed on mobile, the hero slider slides to left and I see a white space in the top and right hand side , the image position is not aligned properly.
    In the desktop the slider occupies the entire width of the screen , but when viewed on mobile there is a white space at the right hand side.

    CAn you please help me to correct the alignment issue?

    This happens both in the header and footer.

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)

  • Hi @sarojakm,

    Thank you for contacting us. I am happy to help with your queries.

    I checked your site and didn’t get the issue as explained.

    * Are you running latest version of web browser?
    * Can you provide a screenshot to your issue?

    Regards,
    Kharis

    Thread Starter sarojakm

    (@sarojakm)

    Hi Kharis , thank you so much for looking at the issue , this happens only on mobile phone screen, I am using iPhone and checked on both safari and chrome on iPhone . This issue is not happening in laptop.

    How do I attach screen shot I don’t see an option here

    • This reply was modified 2 years, 11 months ago by sarojakm.

    @sarojakm thank you for getting back along with additional information.

    How do I attach screen shot I don’t see an option here

    You can share a link to free file hosting services like Google Drive where your screenshot files were uploaded.

    Regards,
    Kharis

    Thread Starter sarojakm

    (@sarojakm)

    Hi Kharis,

    https://catdillon.com/wp-content/uploads/2021/12/IMG_8991.jpg
    I am have uploaded the screen shot of the website from my phone.
    I have marked the portion in brown where I see the space.

    Thank you so much for looking at this issue.

    @sarojakm thank you for getting back along with the screenshot.

    As checked further, seems likely it is related to the additional pop-up module’s CSS code. To fix the minor bug on the header layout, that may be caused by a script conflict with it, try adding this CSS code to Appearance > Customize > Additional CSS from dashboard. 

    html.pum-open.pum-open-overlay.pum-open-scrollable body > [aria-hidden] {
  padding-right: 0;
}

    Hope that helps.

    Regards,
    Kharis

    Thread Starter sarojakm

    (@sarojakm)

    Hi Kharis,

    Thank you so much for your reply, when I disabled all the pop up maker plugin like you said the issue got fixed.

    When I keep the plugins and add the above css code , it is disabling the popups completely , pop up no longer appears on the screen, so I added the below code

    .pum-overlay.pum-active,
.pum-overlay.pum-active .popmake.active {
    opacity: 1 !important;
    display: block !important;
}

    that did not fix the issue either ??
    Does that mean for Sydney plugin we cant bring in popups?

    Thank you
    Saroja

    • This reply was modified 2 years, 11 months ago by sarojakm.
    Thread Starter sarojakm

    (@sarojakm)

    Hi Kharis ,

    The issue was with cache , after I implemented your suggestion the problem got fixed .

    Thank you very very much

    You’re welcome @sarojakm!

    Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

    Regards,
    Kharis

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Sydney header slider’ is closed to new replies.