Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 2, 2019 at 8:54 pm #1153352
    Flow9999

    Hello Enfold Team,

    I need a fix to set mobile breakpoint in columns to occur with iPad screen widths (1024px)
    A short term fix with CSS would be most welcome, but you should also add breakpoint=1024px as selectable option in the column settings.
    I added a screenshot.
    I also need a fix to set font size only for 1024 resolution to a different entry with certain headings.
    You should also modify the heading shortcodes to support 1024 width as a selectable option.
    Also in these resolutions, I would like to set container width only for main menu (rest stays same) to 90% so my Logo doesnt get crippled and/or overlap with menu items.
    Thanks for helping!

    • This topic was modified 5 years ago by Flow9999.
    November 7, 2019 at 9:21 pm #1154742
    Basilis

    Hey Flow9999,

    Thank you for the feedback about the breakpoint, we can discuss this as a feature for sure.
    Regarding the change you need, it is not possible with just a quick CSS fix.

    Best regards,
    Basilis

    November 10, 2019 at 3:08 am #1155272
    Flow9999

    Hello Basilis,

    thanks for the reply!
    Feature update will be most welcome. I bet this is beneficial for many more Enfold users, who whish to deliver best results on iPads with 1024 screen width.
    You said a quick CSS fix is not possible. But it should be at least regarding column breakpoints:
    You can adress @media resolution screenwidth min 989px max 1024 px.
    There something like .columns width 80% or something should trigger the breakpoint to occur, or am I wrong?
    I couldn’t get it to work though, so I could need some help on this.

    Thanks!

    November 11, 2019 at 6:14 pm #1155701
    Victoria

    Hi Flow9999,

    Can you disable caching and minification for now?

    The css solution is possible and we can help you with one. Make the container wider for the block with the columns and reduce the padding and it will look nice.
    Image 2019-11-11 at 18.14.15.png

    Best regards,
    Victoria

    November 11, 2019 at 8:36 pm #1155754
    Flow9999

    That sounds promising :-) I disabled my caching plugin.
    Looking forward to implement some CSS modifications to make my site look better on iPads :-)
    I really welcome your effort for these.
    For future Enfold updates, I think selectable options for mobile optimization should include 1024 (iPad) screen width.
    Not just for breakpoints, but also font size options and so on.

    Thanks Victoria!
    Kind regards.

    November 15, 2019 at 12:06 pm #1157151
    Ismael

    Hi,

    Thank you for the suggestions. For now, you can configure the available options in the elements’ Screen Options panel, or add css modification to alter the style of any elements on mobile view.

    We’ll close the thread for now. Please don’t hesitate to open a new thread if you need anything else.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Change mobile breakpoint in columns to 1024 for iPad’ is closed to new replies.