disable collapse on tablet

  • Resolved lorre

    (@lorre)


    8 years, 3 months ago

    Hello,

    I have a row with a couple of columns in it. On desktop it is showing the columns horizontally inline, on mobile it is collapsing vertically (I chose the standard collapse behaviour). That’s the way I want it, but on tablet the columns are also collapsing. How can I disable the collapse function only on tablet (no collapse)? Is there a CSS code for this?

    Thank you, kind regards,
    Lorre

Viewing 4 replies - 1 through 4 (of 4 total)
  • Kharis Sulistiyono

    (@kharisblank)

    8 years, 3 months ago

    Hello Lorre,

    With no collapse enabled, add a custom row class name to Row Styles > Attributes > Row Class. For example: no-collapse-on-mobile

    Then add the below CSS code to Appearance > Customize > Additional CSS from dashboard. 

    
@media only screen and (max-width: 600px) {
	.no-collapse-on-mobile.panel-row-style {
		display: block !important;
	}
}

    Regards,
    Kharis

    Thread Starter lorre

    (@lorre)

    8 years, 3 months ago

    Hello Kharis,

    Thank you for the help, but it didn’t work unfortunately. I gave the row class the name .row and used this code in Custom CSS:

    @media only screen and (max-width: 600px) {
    .row {
    display: block !important;
    }
    }

    Am I missing something?

    Kind regards, Lorre

    Kharis Sulistiyono

    (@kharisblank)

    8 years, 3 months ago

    Please share a link to that page, so I can have a look.

    Regards,
    Kharis

    Thread Starter lorre

    (@lorre)

    8 years, 3 months ago

    Thanks for the help, but I found a completely other solution now. This fix won’t be necessary anymore.
    Kind regards, Lorre

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘disable collapse on tablet’ is closed to new replies.