Problem with margins on mobile view VS mobile en real life

Support
#1

Hi. First of all, thanks for all the great support until now. Really helpful and really appreciated. Thanks!

Right now i’m having a problem with margins on mobile view VS mobile en real life.

Here’s screenshots to show you the problem:

This is how it looks inside the editor. That the desired result. But here is how it looks on my mobile phone in real life:

Any ideas on what the problem is?

My site is this: https://spisdinmaveflad.dk/testtest-2-2/ and the login information is:

Summary

Thanks again!

#2

Hello @Coedam,

Thanks for writing in! The space is because of the minimum height if the tabbed content element. It will calculate the maximum height of each of the tabbed content and use it as a default minimum setting for the element. The bottom padding of your section also contributed to that space. Please edit your page and remove the bottom padding.

Hope this helps.

#3

Thanks for the answer, but i don’t really get it.

In the editor it looks like this:

But in real life it looks like in this video:

Why the difference? Isnt it supposed to be the same?

And the 45px bottom margin in the section don’t do much. Tried to remove it, but i need to remove more of the white margin. Can you explain what you mean with the tabbed content and minimum height? And do you have an idea on how i can fix this, so there is no giant margin on mobile?

Thanks again!

#4

Hello @Coedam,

The space is because of this minimum height:

The easiest way to get rid of this is by way of custom css. please edit your page back in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

@media(max-width: 767px){
  .x-text .x-tab-content {
    min-height: auto !important;
  }    
}

We would loved to know if this has work for you. Thank you.

#5

YES! Worked perfectly thank you for the detailed answer. Have a good day! Much love

#6

Glad we were able to help :slight_smile:

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.