Docs

[TomasJarvling]

Hi.
When looking at this page in Safari I have a small padding area beneath the revolution slider in the top left corner: http://fernstromsab.se
This small orange padding area is not visible in Chrome.
Can I remove it from all browsers?

[Paul R]

Hi,

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
– FTP credentials

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

[TomasJarvling]

This reply has been marked as private.

[Paul R]

Hi,

I added a min height to your slider and it seems to have fix it.

http://screencast.com/t/tOMOI6EAO

Kindly check on your end.

Thanks

[TomasJarvling]

Hi. Hmm, I am still seeing the same problem. I have the problem in Safari and IE but not in chrome (take a look at the attached pictures)

[TomasJarvling]

it feels like there is some sort of padding on that section. it looks kind of strange on a mobile device as well

[Nabeel A]

Hi again,

Try adding the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, a.x-img {
    margin: 0 !important;
}

Let us know how this goes!

[TomasJarvling]

Perfect. Thanks

[TomasJarvling]

But I wonder if the underline under the menyitems disappeared now…Could that be possible?

[TomasJarvling]

And, it still looks strange on a mobile device. There are white spaces between the first three areas.
Why could that be?

Tomas

[Friech]

Hi Tomas,

You can add this under Custom > CSS in the Customizer.

@media (max-width:  767px) {
	.home #x-section-1 .x-gap {
		margin-top: 0;
	}
}

Thanks.

[TomasJarvling]

Hi.
I added the code but when looking at the page on a mobile screen there is still a white space between the three sections in the first row.
Anything else I can do?

Tomas

[Paul R]

Hi Tomas,

You can try this code instead.

@media (max-width:  767px) {
	.home #x-section-1 .x-column {
            overflow:hidden;
        }
}

Hope that helps.

[TomasJarvling]

so much better. Thanks

[Rue Nel]

You are most welcome!

[Author]

Posts