Thursday, September 29, 2022
HomeWordPress DevelopmentRight method to make a customized block theme responsive

Right method to make a customized block theme responsive


I’m attempting to make a customized responsive theme utilizing the brand new Block / FSE strategy nonetheless I dont assume the tactic Im utilizing is appropriate.

That is the present design:

Wordpress Custom Theme Site Top

That is the view in block editor:

Site Top in Editor

To ensure that this website to be cell first / responsive the quilt picture and website brand must dynamically resize primarily based on viewport dimension

Thus far my strategy has been to make use of extra CSS and create a category to use top: auto and width: 35vw

Additional CSS

Nonetheless the difficulty I see with this strategy is that throughout the block editor there are controls for picture width with use non-responsive items of px

Image width control

After all the extra CSS overrides this however that appears to defeat the purpose of the block editor

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

- Advertisment -
Google search engine

Most Popular

Recent Comments