Jump to content

Help with changing size and location of block id image on mobile version

Recommended Posts

WEBSITE URL - https://hellowellness.com.au/

Hi, on the mobile version of the website, please help with my title "Hello Wellness" I can't change the location to the left therefore half of it is cut off and it's too big on the mobile version of the site. I have a block id for the image but can't seem to find the right codes to edit the image. 

I'm currently using these codes:

header {display:none}
@mobile:  ~"only screen and (max-width: 640px)";
@tablet:  ~"only screen and (min-width: 641px) and (max-width: 949px)";

@media @tablet {
/* Insert Code for Tablet Below This Line*/

/* Insert Code for Tablet Above This Line */

@media @mobile {
/* Insert Code for Mobile Below This Line*/
#block-yui_3_17_2_1_1692076346143_8211 { 
  left: 0;
  width: 0;
  margin:0 auto;
/* Insert Code for Mobile Above This Line */
html, body {
  overflow-x: hidden;
body {
  position: relative

Link to comment

@Anastasia29 You can try removing the previous code and add the code below for the mobile version:

@media only screen and (max-width: 640px) {
	svg:not(:root) {
		width: 100vw !important;
		height: 200px !important;
	.fe-block-yui_3_17_2_1_1692076346143_8211, #block-yui_3_17_2_1_1692076346143_8211 {
		width: 100vw;
		height: 200px !important;

Let me know how it goes. Thanks!

Edited by Lesum

If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Web Developer & Digital Designer

 Did you find my contribution helpful? Buy me a coffee?

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.