Sydney header slider

Resolved sarojakm
(@sarojakm)

4 years, 5 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)

Kharis Sulistiyono
(@kharisblank)

4 years, 5 months ago

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)

4 years, 5 months ago
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 4 years, 5 months ago by sarojakm.
Kharis Sulistiyono
(@kharisblank)

4 years, 5 months ago

@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)

4 years, 5 months ago

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.
Kharis Sulistiyono
(@kharisblank)

4 years, 5 months ago
@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)

4 years, 5 months ago
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 4 years, 5 months ago by sarojakm.
Thread Starter sarojakm
(@sarojakm)

4 years, 5 months ago

Hi Kharis ,

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

Thank you very very much

Kharis Sulistiyono
(@kharisblank)

4 years, 5 months ago

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.

Tags