Archived topic
Block edit
3 replies · Started by Kay on October 26, 2020
Hi,
How can I edit block for tablet and mobile, for desktop was fine but for tablet and mobile show me not like with desktop.
I tried a lot but I can edit block tablet and mobile, please let me know how can I fix this, Thank you.
=> When you click above link, you can see bluesky colour of the block as long but I had to see differently for tablet and mobile on customize once switch to tablet and mobile from desktop.
Hi,
I'm not sure I understand what you mean.
To clarify: Did you mean, you want the blue button block to have different styles on desktop, tablet and mobile?
If so, you do that by editing the page. The button is added as a content using GenerateBlocks on Gutenberg editor.
Luckily, GenerateBlocks has responsive settings for different viewports.
On Gutenberg, you can switch between viewport previews and GenerateBlocks viewport settings to edit the blocks as shown here: https://share.getcloudapp.com/P8uyNXjw
As for things that are not in the UI like color change on different viewports, you'll have to use custom CSS codes with @media queries.
Hi,
Sorry bad explain but anyway I understand how I can fix from your demo.
Thank you for your help again.
Have a great day!!!
No problem. :)
