[QUESTIONS] How to add device manager mobile landscape?

Question

Hi, Please help me add device manager mobile landscape with structure example: @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {

} Currently, i have device manager with structure: @media (max-width: 480px) {

}

Thanks

artf · Accepted Answer

Check the DeviceManager API For now, it's only possible to use a single condition (configurable via mainConfigObject.mediaCondition option, max-width is the default)

Ensaphelon · Answer

@artf Is there any reason why grapesjs still does not support this feature? It seems that it could be resolved just by removing mediaCondition option from the EditorConfig at all, and allowing to pass any media query for each device in the widthMedia field. At this moment this feature is crucial to me, is there any way the result CSS could be modified? I see that there is an option to pass custom css parser but the styles related to the media queries are missing there.

How to add device manager mobile landscape?

Question

Answers (2)

Related Questions and Answers

Question: How to add different aspect ratios to mobile devices in the device manager.

[Help Wanted] How to easily override existing component ?

[QUESTIONS] How to set different styles on one element for each device. (responsive)

Help Wanted

Paid Plugins That Match This Issue

Browse Plugin Categories