Mobile displays different to desktop

[julzelias]

Hello Team,

I seem to have issues but maybe a lack of understanding.

There is this white bar sitting on my home page when viewed on my mobile which I don’t see on my desktop which I am trying to get rid of.

The URL is cloudesystems.com please view on mobile and then view via desktop and you will see what I mean.

Thanks in advance

[Prasant]

Hello Joel,

Thanks for writing in!

I see that on the first section you have added a margin-top 100px and that’s affecting on mobile device which is why you are seeing the white bar.

To fix that, please inspect the Section by clicking on the Search Icon and under Customize > Setup > Class add a class name.

After that add following CSS under X > Theme Options > CSS:

@media only screen and (max-width: 600px) {
  .remove-top-spacing-mobile {
    margin-top: 0 !important;
}
}

You can change the class name as per your requirement.

Thanks.

[julzelias]

@Prasant

@media only screen and (max-width: 600px) {
.remove-top-spacing-mobile {
margin-top: 0 !important;
}
}

Wow thank you very much. Much appreciated!

[jade]

You’re most welcome, Joel.