Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • May 31, 2016 at 8:09 am #640728
    philippott

    Hi Kriesi Team

    Is it possible to change the order of the “container/blocks” for the mobile view?
    On our site (http://www.apotheke-am-stmartinsring.li/apotheke/) you find the secondary menu on the right hand site and the contact details under the menu. During mobile view they are between two text blocks. We would like to have them on the bottom of the page.

    This is how it looks at the backend:
    https://www.dropbox.com/s/vc1hhmhhz8381qr/Seite%20bearbeiten%20%E2%80%B9%20Apotheke%20am%20St.%20Martins%20Ring%20%E2%80%94%20WordPress.png?dl=0

    Regards,
    Philipp

    May 31, 2016 at 8:18 am #640733
    Jordan

    Hey philippott,

    Thanks for getting in touch with us!

    To achieve what you are looking for you will have to create a different Color Section to display only on mobile. You can do this by adding ID’s to your Color Sections in the element options and then show/hide them with CSS:

    @media only screen and (min-width: 768px) {
#desktop {
display:block;
}
#mobile {
display:none;
}
}

@media only screen and (max-width: 767px) {
#desktop {
display:none;
}
#mobile {
display:block;
}
}

    For example what has the class #mobile will show on mobile and what has the class #desktop will show on on larger screens.

    Best regards,
    Jordan

    May 31, 2016 at 9:23 am #640758
    philippott

    Hey Jordan

    Thank you for your answer. So, that means I have to create two elements. One for the desktop view and another for mobile, right?

    Best regards,
    Philipp

    June 1, 2016 at 4:58 am #641192
    Rikard

    Hi Philipp,

    Yes that is correct, it will give you greater control of what you show on different screens.

    Thanks,
    Rikard

    July 28, 2016 at 10:14 pm #666423
    bulewold

    I get that that fixes the issue but it seems like the theme has design flaw in this regard. For all other post types, you can choose where sidebar goes and as long as you choose right (including shop overview page), those show up after content. But because for some reason, Enfold display single product
    1. pictures on top left
    2. then sidebar on lower left
    3. then content on right…

    It’s causing this issue on mobile view where sidebar shows up between pictures & content.
    This should be fixed where we can choose where slider goes or make it same as shop overview, as putting sidebar on right would simply resolve this issue.

    I hope you guys can update & fix this issue instead of forcing us to create ‘2nd content for mobile view’ only… I have over 200 products and that’s a lot of man hour just to update those….

    August 3, 2016 at 3:10 am #667896
    Ismael

    Hi,

    You can move the sidebar to the right or left of the content container. More info here: https://kriesi.at/support/topic/sidebar-rechts-single-page/#post-580220

    Best regards,
    Ismael

    August 3, 2016 at 6:50 pm #668216
    bulewold

    Problem. That did fix for desktop view but on mobile view, while the order has been fixed:

    1. Pictures
    2. Content
    3. Sidebar

    content comes out all squeezed to left 50% of the screen… :(

    TIMBERLAND Boy’s Shoes, Toddler Size 6.5

    August 4, 2016 at 7:51 am #668423
    bulewold

    Ok, so I was able to fix this by adding this
    @media screen and (min-width: 750px) {

    on 2nd CSS set of 3.

    It does look good now BUT this really should be added to theme so that i don’t have to manually update every time there is update. (functions.php portion)

    Please add this in future update? I’m sure almost everyone who use woocommerce has this issue with enfold…

    August 6, 2016 at 9:51 am #669288
    Rikard

    Hi,

    For the functions.php part, please create a child theme and add the code there instead: http://kriesi.at/documentation/enfold/portfolio-item/create-a-child-theme/

    Best regards,
    Rikard

    August 6, 2016 at 10:36 am #669302
    bulewold

    Well, the problem with that would be that I had well established enfold theme which took me a long time to get it just right… Unless there’s an easy way to create child theme and being able to keep all the existing settings, you’re asking a lot of work.

    Plus, this really isn’t a real customization. It’s really weird that you guys would randomly put sidebar on left side on single product page only with no option. My default, post, page, shop sidebar setting all says ‘RIGHT’. but obviously as you know, this ignores all that….

    Let me know your thoughts.

    August 10, 2016 at 12:03 pm #670795
    Ismael

    Hi,

    Yes, it’s quite easy to transfer to a child theme. Please review this documentation: http://kriesi.at/documentation/enfold/using-a-child-theme/

    Best regards,
    Ismael

    December 20, 2020 at 2:46 pm #1268765
    AGSGE

    Hello Jordan, thanks for your help.
    I used image section element. Must I change all my block in Color Sections .

    thanks

    • This reply was modified 3 years, 11 months ago by AGSGE.
    December 22, 2020 at 4:42 am #1269210
    Ismael

    Hi,


    @AGSGE    : What would you like to do with the image sections or elements? Please create a new thread and further explain what it is that you are trying to do. Include the site details in the private field so that we could check it.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Enfold Mobile Change Container Order’ is closed to new replies.