[iBrows87Participant]

This reply has been marked as private.

[JoaoModerator]

Hi There,

I have removed the code previously added related to the issue from your Customizer:

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

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

You had 45px of padding top on your First section where the slider was placed on Cornerstone, I have removed that for you. Please see image attached.

I have moved the top margin of your X Container by adding the following code to Appereance Customizer Custom CSS:

.page-id-272 .x-container.max {
  margin-top: 0;
}

Hope that helps

Joao

[iBrows87Participant]

Hi Joao,

Thanks for jumping into the site but the spacing is still there both above the image and to the right on mobile. I’ve cleared history and cache and still not working…

[JoaoModerator]

Hi There,

That is strange I can´t replicate the issue on my End.

I have tested your website by re-sizing Chrome, On my Android Phone Firefox, and on my Ipad 2 Safari.

I have checked your camping and home pages.

Would you mind providing more information about the browser and device you are using while experiencing the issue?

Could you also test with a different browser just for the sake of curiosity?

Thanks

Joao

[iBrows87Participant]

Hi Joao,

The problem is on mobile devices mainly. Please can you check it out via a mobile as that is my clients main dislike.

Regarding desktop, it’s sorted in chrome and safri but still present in Firefox.

Also, please can you remove the padding that is now at the top of all the imagery? It just sit dead against the navigation please. This is the case on mobile and even desktop chrome, safari and firefox!

Thanks for helping.

Chris

[Rue NelModerator]

Hello Chris,

I am another staff checking on this topic. Again I cannot replicate the issue. This is what I am seeing:

I would recommend that you clear your mobile phone browser’s cache or use Safari’s private browsing mode and test your site again. Please let us know how it goes.

[iBrows87Participant]

Hi, just to clarify the problem isnt on the home page slider.

Please use your phone to check this page – http://tyncornelcamping.co.uk/camping-facilities/

Many thanks,

Chris

[ThaiModerator]

Hi Chris,

Please add the following CSS:

@media (max-width: 480px){
    .page-id-164 .x-container.max.width.offset {
        margin-top: 0;
    }

    .page-id-164 #x-section-1 {
        padding-top: 0 !important;
    }
}

Let us know how it goes!

[iBrows87Participant]

Hi Thai,

That has sorted out the top issue, thank you!

All that is left is the right border issue. There is still a 1/2px white line appearing to the right of the image.

Would you like my site login details?

Many thanks,

Chris

[ThaiModerator]

Hi There,

Please update the previous CSS a bit:

@media (max-width: 480px){
    .page-id-164 .x-container.max.width.offset {
        margin-top: 0;
    }

    .page-id-164 #x-section-1 {
        padding-top: 0 !important;
    }
    #rev_slider_19_1_wrapper {
        left: -36px !important;
    }    
}

Hope it helps 🙂

[iBrows87Participant]

Problem solved! Thank you SO much,

Chris

[RadModerator]

You’re welcome!

[Author]

Posts