Okay
  Public Ticket #808622
Responsive options
Closed

Comments

  • Omar started the conversation

    Hi there,

    Newbie question: how do I change the basic width of textboxes without making them look horrible on mobile?

    So far, I’ve been going to Edit Text Box > Design Options > Margin L & R: 20%. This has given me the look I want on desktop, but on mobile it’s too narrow, now. On mobile, I want to the text box to be full-width, more or less.

    Many thanks!

  • Ivan replied

    Yeah I have the same issue.

    There's no way to override "Text Box > Design Options > Margin/Padding" for mobile via custom css? I've tried adding in a class "page/copy-box" from the Text Box Settings, but it looks like all Design Options will add in "!important" so my custom class will not take any effect.

    See attached

  • Chris replied

    What I tried to do is have TWO elements,

    one fully hidden on mobile, visible on desktop.

    one fully hidden on desktop, visible on mobile.

    using CSS class names like .mobile-hidden & .desktop-hidden using 'display:none'

    it creates some other issues (I'm having some with the logo flickering because it's having a hard time reading the background it's on to adjust between black / white ) but does the job and allow you to control what is displayed on different devices.