Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 9, 2020 at 4:27 pm #1191561
    annaries

    Hi!
    I am about to create my website.
    I want to remove the manually set space as a right/left margin in my columns on mobile devices, because like this the content is squashed to the right side. It would be great to have a solution which applies to the whole Website, but I could also manually change any section, if easier.
    I already checked threats, but don’t know how to solve it on my site.
    Thanks!

    March 10, 2020 at 6:52 am #1191722
    Rikard

    Hey annaries,

    It might be difficult to override your setting for mobile, but you can try this in Quick CSS:

    @media only screen and (max-width: 767px) {
.flex_column {
  padding: 0 !important;
  margin: 0 !important;
}
}

    If that doesn’t work then I would recommend that you copy the element which you want to show different on mobile, then select to show/not show the correct element for the corresponding screen size in the Advanced/Screen Options tab in the element options.

    Best regards,
    Rikard

    March 14, 2020 at 1:56 am #1193029
    annaries

    Hi Rikard,
    thanks for your answer and a lot for your help – the Quick CSS worked!
    Amazing – saved me a lot of work copying each element. Great!
    Thanks a lot
    Anna

    March 14, 2020 at 7:03 am #1193065
    Rikard

    Hi Anna,

    Great, I’m glad that you got it working and thanks for the feedback. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    April 7, 2020 at 1:44 pm #1201599
    annaries

    Thanks a lot for sour support and sorry for late reply,
    yes you can close it!

    April 8, 2020 at 8:19 am #1201812
    Rikard

    Hi,

    Thanks for the update, I’ll go ahead and close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Remove right and left margin on mobile devices’ is closed to new replies.