[iBrows87Participant]

Hi there,

On the right of all imagery there is a white line when viewed on mobile. Please can you help me remove it!

Example attached.

Thanks for your help,

Chris

[JadeModerator]

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[iBrows87Participant]

Hi there, thanks for reply it’s tyncornelcamping.co.uk

[JadeModerator]

Hi there,

Please adjust the Y position of the image layer in the mobile view in Revolution Slider or try to add this code in the customizer:

@media (max-width: 480px) {
    .rev_slider_wrapper {
        left: -31px !important;
    }
}

Hope this helps.

[iBrows87Participant]

Hmm, thats made it a lot worse… please see attached,

[RupokMember]

Hi there,

Thanks for updating. Kindly remove the suggested code and the below code as well :

.rev_slider_wrapper {
  margin-top: -45px !important;
}

It seems fine on my end without those custom code. If you have any other Custom CSS then you can take off them as well. Let us know if you still see any issue.

Cheers!

[iBrows87Participant]

Removing that does the following and the space on the right still exists. I’m viewing on an iPhone.

[RupokMember]

Hi there,

It seems fine on my end now. Check the attachment and kindly test with different device as well.

Thanks

[iBrows87Participant]

I added the code back in that you mentioned to remove hence why it was ok for you. Have you an iPhone you can view it on to replicate the right line issue?

[RadModerator]

Hi there,

You didn’t remove it, if fact, there are two instances of the same CSS now since you added one back.

Please remove the two same CSS, and add this.

.rev_slider_wrapper {
  position: relative;
 top: -45px;
}

Thanks!

[iBrows87Participant]

Hi there,

I removed the 2 instances and added your code and it is definitely worse. If you have an iPhone, can you use it to view http://www.tyncornelcamping.co.uk/camping/

You’ll see the image is now pushed off of the top (that padding shouldn’t be there at all, it should be flush) and the white line still remains to the right of the image.

Thanks for all your help so far with this.

Chris

[RadModerator]

Hi there,

I checked it on iPhone, what’s IOS version you’re testing it on?

Also, if you’re only targeting the desktop, you may change that CSS to this,

@media ( min-width: 980px ){
#x-section-1 .rev_slider_wrapper {
  position: relative;
 top: -45px;
}
}

And which white line? Is it the line under the CAMP word? I don’t see any line on my end.

Thanks!

[iBrows87Participant]

Hi Rad,

Thanks for the response.

I’m using version – 9.3.2 (13F69)

The problem is still there, even with the above inserted in. The problem is across both desktop and mobile, except in mobile, the gallery now comes away from the navigation when it should sit dead up against it.

I’ve attached 2 screen shots to show the issue in both mobile and desktop and placed red arrows in to highlight the problem areas.

Many thanks,

Chris

[iBrows87Participant]

Sorry, desktop failed the first time, now attached!

[JoaoModerator]

Hi There,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

Joao

[Author]

Posts