Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 15, 2015 at 8:21 pm #380382
    vidaelf

    Is there an easy way to have the left column with the sub menu widget not to show on phones? I can’t use the default sidebar menu here, where I think you may have that as an option….

    Here’s a with an example: http://eventsights.com/services/event-promotion/

    Thanks!

    January 15, 2015 at 8:24 pm #380386
    Yigit

    Hey vidaelf!

    Please go to Enfold theme options > Sidebar Settings and uncheck “Sidebar on Smartphones”

    Best regards,
    Yigit

    January 15, 2015 at 8:41 pm #380411
    vidaelf

    Or, if possible, to have it appear below the content. I know switching the menu to the right side would fix that, but the client wants it on the left. I just want to make sure the content is what you see first on mobile, and not the option to navigate away.

    thanks!

    January 15, 2015 at 9:58 pm #380481
    vidaelf

    I have that unchecked. As I stated above, I can not use the sidebar for the design, as I need some of the main content to be full width and more flexibility with my layout in general.

    I’d be ok with the left column showing up under the main content, but I can’t switched the oder of the the columns. I need the submenu (via a widget, not a sidebar) to be on the left and the content on the right.

    Is this possible? Thank you!

    January 16, 2015 at 9:55 am #380645
    Ismael

    Hey!

    Place the columns inside a color section then apply a custom ID attribute to the section using the For Developers: Section ID field. Use “custom-section” for example. Use media queries on Quick CSS to remove the first column on mobile, something like this:

    @media only screen and (max-width: 767px) {
#custom-section .flex_column.first {
display: none !important;
}
}

    Best regards,
    Ismael

    January 16, 2015 at 11:18 pm #381131
    vidaelf

    works great, thanks! is there a way to have it appear last on mobil rather than hiding it completely?

    January 18, 2015 at 11:56 am #381438
    Ismael

    Hi!

    You can add another widget element same as the first one. Place the other one at the bottom of the text block. Use custom class css to hide the first widget menu on mobile then show the other one. Of course, you also need to use css media queries to hide the second menu widget on desktop.

    Cheers!
    Ismael

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.