Mobile Optimization Options

Comments

11 comments

  • Logan
    Logan

    Hi Sean! Thanks for reaching out, and welcome to the Bee Pro community! We're so happy to have you here!

    To clarify, design mode allows you to see what the design looks like on a mobile device in real-time, but it doesn't allow you to set mobile styles. The only way to modify just the mobile version of the design is by using the features described in this article, so you would need to just duplicate some content and use the hide on feature in order to achieve the design you're looking for. I hope that this helps, and if you require further troubleshooting feel free to let us know!

    0
  • Sean Bernardino
    Sean Bernardino

    Hi all, I'm new to BeePro and HTML emails so apologies if this is a silly question. I'm trying to figure out how to set up my email so that in desktop it uses say 16px but on mobile it is 12px. When I toggle between the desktop and mobile preview modes, whatever changes I make to font style seem to carry over back to the other preview mode. Any help is much appreciated. 

    Thank you. 

    0
  • gharmel
    gharmel

    Thanks! This is a great addition.

    0
  • Tyler Miller
    Tyler Miller

    Thanks—our team's been dying for this!

    0
  • Joy Marcellus
    Joy Marcellus

    Is there a way to have an image I have used on the right side in a row to appear before the left side item when viewed on mobile?
    i.e. A B
    to:
    B
    A

    0
  • Matteo Mazzolari
    Matteo Mazzolari

    Hi Nick, you can create a template with the toggle enabled. At the moment, is not possible to fix it by default.

    0
  • Zoltán Kerekes
    Zoltán Kerekes

    Hi!

    I have a solution, but a little hack in the exported html is required to work.

    So, in the editor you have to make both of version (A B and B A) and after exporting newsletter you have to add classes or ids to the containers of these versions in the html file(i.e .hideOnMobile and .hideOnDesktop), then the css below into tags:

    @media (max-width: 720px) {
    .hideOnMobile{
    display: none;
    }
    }

    @media (min-width: 725px) {
    .hideOnDesktop{
    display: none;
    }
    }

    It worked for me.

    0
  • Gus Ferguson
    Gus Ferguson

    ^^^^ I'd like information on this too please Beepro!

    0
  • Guillermo Padilla
    Guillermo Padilla

    Hi ALL, stack order is not available yet, but it's on our list (it's a big list, but this one has a lot of votes 😉).
    Just waiting to finish some important developments to start adding it.

    0
  • Tyler Miller
    Tyler Miller

    ^Our team would also love a feature to assign the order in which multi-column structures stack on mobile.

    0
  • Nick Vo
    Nick Vo

    Hi,
    Is there any way I can set "Do not stack on mobile" enable by default?

    0

Please sign in to leave a comment.

Trial

Cut down on email & page production time, keep everything organized, and enjoy the fantastic design flexibility of BEE.

START A BEE PRO FREE TRIAL

No credit card required