Separate mobile width?

  • Resolved redtailboas

    (@redtailboas)


    1 year, 7 months ago

    I’ve tried custom CSS in both Customize in wordpress and the mail poet form custom css but none of it is loaded. I’m simply trying to change the width of the widget in mobile. I’m not sure why there isn’t a separate setting to begin with??? But anyways here is what I’m putting but it’s never loaded when loading the page

    @media (max-width: 640px)
    .mailpoet_form_1 {
    width: 80%;
    }

    • This topic was modified 1 year, 7 months ago by redtailboas.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Ojoma a11n

    (@geraltrivia)

    Hello there @redtailboas ,

    Thank you for reaching out to us.

    Your CSS code looks correct for changing the width of the MailPoet form on mobile devices. However, it’s possible that the CSS code is being overridden by another style rule, or there is an issue with the implementation of the code.

    Can you send us a direct link to the form you want to edit so that we can use the developers tool to make the change and give you the direct css code you should use?

    Looking forward to hearing back from you.

    Have a great day!

    Thread Starter redtailboas

    (@redtailboas)

    Yes it’s strange. It works in developer mode in mobile view when editing directly but put it in custom CSS and in MailPoet custom CSS, the CSS doesn’t load. Is there someway I can contact you directly with the site name or any other suggestions?

    Really my suggestion is be able to set two different widths in settings, one for mobile and one for desktop because a subscribe form at 50% is what’s needed but it’s tiny and squished in mobile. Likewise if set at 80% what it should be for mobile it’s huge in desktop.

    • This reply was modified 1 year, 7 months ago by redtailboas.
    Plugin Support Ojoma a11n

    (@geraltrivia)

    Thanks for reaching out!

    Please contact us via https://www.mailpoet.com/support/sales-pre-sales-questions/ and include a link to this thread.

    We’ll be able to provide you with more information there.

    Cheers!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Separate mobile width?’ is closed to new replies.