Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 2, 2019 at 12:12 pm #1124138
    MarkusSchauma

    Hello,

    I have a few elements on my site that have about 4 columns.
    I don’t want the columns to become full width when viewing on mobile. I’d like to have 2 columns in a row for smartphones and 4 columns for tablet portrait view.
    I provide you access to the site in private content.

    I’m talking about examples like these:

    columns

    columns2

    columns3

    columns4

    August 3, 2019 at 4:03 pm #1124375
    Victoria

    Hey MarkusSchauma,

    Do you mean the portrait mode too or just mobile landscape?

    Best regards,
    Victoria

    August 5, 2019 at 7:16 am #1124653
    MarkusSchauma

    Hello Victoria,

    I would like to have 2 columns on mobile portrait,
    2 columns on mobile landscape,
    4 columns on tablet protrait and
    4 columns on tablet landscape.

    Is that possible? Can you help me with that?

    Best regards

    August 8, 2019 at 8:52 am #1125830
    Vinay

    Hi,

    Thank you for sharing the details.

    Please follow the instructions provided in the documentation

    Columns

    You may need to adjust the media query to get 4 columns on tablet :)

    You may not see the changes until the cached files are cleared in your browser.

    Please perform the below steps to clear the browser cache:

    1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
    2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
    3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.

    Let us know if you have any questions.

    Best regards,
    Vinay

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