Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 21, 2017 at 2:02 am #797134
    MabelB28

    Hola, a ver si me hago entender
    Desde la página principal llego a varias páginas, todas ellas con un mismo menú a la izquierda que lleva de unas a otras secciones (e este caso páginas)
    El problema es que en el móvil quisiera un diseño distinto, que este menú fuera un acordeón, para evitar hacer demasiado scroll. ¿Pero no sé si se puede hacer o como hacerlo?
    Agradecería la ayuda lo antes posible y gracias por su atención.
    Un saludo
    Mabel

    May 22, 2017 at 9:09 am #797473
    John Torvik

    Hey MabelB28,

    Please, may you translate your question to English? Ive checked your site and I didnt find any menu to the left.

    Best regards,
    John Torvik

    May 22, 2017 at 5:06 pm #797784
    MabelB28

    The menu that I describe is not in the Home, I send a couple of url of the indicated pages.
    The page layout is divided into 1/2 and 1/2. On the left is a list with icons used as navigation menu to other pages that have this same style, changing only the content of the right part and the one that is below the list.
    As my intention is to be able to put on the mobile a different design with accordion keeping all the information of the pages within the sections of the accordion.
    I think it would work better on mobile and tablets.
    I hope you have understood me.
    Thanks for the attention

    May 24, 2017 at 3:41 pm #798973
    Yigit

    Hi,

    Please refer to this post – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/ and hide or display certain elements on mobile/desktop. This is the simplest way of changing layout on mobile.

    If this is not what you meant, please elaborate a little bit more. If explaining with screenshots will be easier, you can upload them on imgur.com or Dropbox public folder and post the links here :)

    Best regards,
    Yigit

    May 25, 2017 at 12:58 pm #799505
    MabelB28

    Hello again
    In the link you send me I can hide menu options, but that’s not my problem.
    I’ll try to explain myself:
    From the computer, in the Home there is a Color Section, composed of columns of Icon Boxes, with links to the different pages of the web.
    But from the mobile / tablet do not want to see this section, I want to put another, an accordion.
    I can set “Always display” or “Hide on mobile devices”, but I do not know how to make it only seen on mobile devices.
    I’ll send you captures, see if they help you. This has got me quite still.
    Thank you.

    May 26, 2017 at 10:04 am #800043
    Andy

    Hi,

    so you want to use a different menu for mobile, right? if yes then follow this: https://kriesi.at/support/topic/different-menu-on-mobile-view/#post-443746

    You could also use a plugin for such a function.

    Best regards,
    Andy

    May 29, 2017 at 7:45 pm #801213
    MabelB28

    No, the menu is fine. I do not want to hide or change it.
    I want to make a section in the Home that is only seen on the desktop and make another section that is only seen on the mobile.
    Read my previous message well.
    Can I hide a section on the desktop?
    Thank you

    May 30, 2017 at 6:20 am #801365
    Sarah

    Hi Mabel!

    Here’s what you can do:
    1.) Turn on CSS class fields for ALB elements: kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
    2.) For the elements you want to only see in desktop (your Color Section), add the class desktop-only. For the elements you want to only see in mobile (your accordion), add the class mobile-only.
    3.) Use this code in Quick CSS:

    /* when in mobile, hide the desktop-only elements */
@media only screen and (max-width: 767px) {
   .desktop-only { display: none!important; }
}
/* when in desktop and tablets in landscape orientation, hide the mobile-only elements */
@media only screen and (min-width: 768px) {
   .mobile-only { display: none!important; }
}

    For your reference, here are the media queries for standard devices: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

    I hope that helps!

    Best regards,
    Sarah

    May 30, 2017 at 10:22 pm #801681
    MabelB28

    Yes, you finally understand me.
    Thank you very very much.
    I have managed to finish thanks to your help, I am delighted.
    Thanks for everything.

    May 31, 2017 at 4:10 am #801763
    Sarah

    You’re welcome! We’re glad to help.

    We’ll close this thread now. If you have any other questions or issues, feel free to post them here on the forum so we can take a look!

    Also, we’d appreciate it if you can take a moment to review our theme if you haven’t already. https://themeforest.net/downloads Thank you!

    Sarah

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Cambiar las páginas con un diseño diferente en el movil’ is closed to new replies.