[QUESTIONS] How to set different styles on one element for each device. (responsive)
Question
@arthuralmeidap can you tell guide me how to set style different style for each device. I use the mobile-first strategy.
For example to set a different background on mobile and desktop devices.
mediaCondition: 'min-width',
var deviceManagerConfig = { devices: [ { name: 'Desktop', width: '', widthMedia:'768px' },
{
name: 'Tablet',
width: '768px',
widthMedia:'320px'
},
{
name: 'Mobile',
width: '320px',
widthMedia:'0px'
}
]
};Answers (3)
@abozhinov I'm facing the same issue. If you solved the issue? Can you share it here. Thanks
@abozhinov @umerrinayat I am facing the same issue. If you have solved it, can you please share it here?
No I didn’t. Still search for solution.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #2830
[QUESTIONS]: Creating Responsive Websites
Hello, is it possible to create responsive websites? For example: A text should be smaller on mobile devices and bigger on desktop. How can...
Issue #2235
Styles are overriding when new styles are added for different device
Great project.. I'm trying to integrate this and I have this issue. Assuming I have a style for Desktop already and I add a new style for m...
Issue #3339
Question: How to add different aspect ratios to mobile devices in the device manager.
We are working on a cms system that uses grapes js. We came up with a condition where we couldn't add aspect ratio in the "mediaCondition"...
Issue #5583
BUG: Can't set background:none in mobile version using styles panel
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Edge last version Reproducible demo link h...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.