commgr

Hi, Farazfrank…

I appreciate your quick responses. The script solution you shared was inconvenient to utilize. Fortunately, I was able to finally figure out a solution using CSS.

For anyone else who comes across this same issue, here is the CSS code I used to remove the “margin-left” after closing out of the full-screen mode.

/* UR IMAGE SLIDER - REMOVE LEFT MARGIN ON SMALL SCREEN VIEW */
.sp-horizontal .sp-slides-container .sp-mask .sp-slides .sp-slide .sp-image-container .sp-image {
	margin-left: 0 !important;
}
.sp-full-screen .sp-slides-container .sp-mask .sp-slides .sp-slide .sp-image-container .sp-image {
	margin-left: 560px !important;
}
/* END - UR IMAGE SLIDER - REMOVE LEFT MARGIN ON SMALL SCREEN VIEW */

Regards,
Commgr

• This reply was modified 2 years, 1 month ago by commgr.

Hi, Farzfrank…

Thank you for the code above. I have 3 questions before I implement it:

1. Does this code go in your plugin’s layout.php file?
2. If I put this code in the php file, will it get overwritten when I update your plugin…and I’ll have to add it every time there is an update?
3. Do you plan on putting this code in future updates of your plugin so this issue doesn’t happen with other users?

Thank you for your reply.
Commgr

Dear Farazfrank…

Thank you for your quick reply. I changed the Slide Scale Mode first to “Cover” and then to “Contain”. The issue still happens. I also changed it to “None” and the issue remains.

I did clear my server cache and my browser cache after each change.

Your continued assistance is appreciated.
Commgr