# Module spacing on mobile devices is not valid

**URL:** <https://community.hubspot.com/t/module-spacing-on-mobile-devices-is-not-valid/79625>\
**Category:** Blog, Website & Page Publishing\
**Tags:** free\
**Created:** [April 19, 2023, 12:36pm UTC](https://community.hubspot.com/t/module-spacing-on-mobile-devices-is-not-valid/79625 "2023-04-19T12:36:22Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![BZuilen](https://avatars.discourse-cdn.com/v4/letter/b/eada6e/32.png) [@BZuilen](https://community.hubspot.com/u/BZuilen)\
**Post date:** [April 19, 2023, 12:36pm UTC](https://community.hubspot.com/t/module-spacing-on-mobile-devices-is-not-valid/79625/1 "2023-04-19T12:36:22Z")

</div>

Hello,

I am trying to publish a blog post. But this is not possible due to blocking issue:  
“The value in the Styles field, Module spacing on mobile devices is not valid.”  
I have tried to reset these settings but this does not solve the issue. What can I do to publish the post?  
Thank you.

---

<div class="post-metadata">

**Author:** ![ankitparmar09](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ankitparmar09/32/64399_2.png) [@ankitparmar09](https://community.hubspot.com/u/ankitparmar09)\
**Post date:** [April 19, 2023, 12:50pm UTC](https://community.hubspot.com/t/module-spacing-on-mobile-devices-is-not-valid/79625/2 "2023-04-19T12:50:43Z")

</div>

Hello @BZuilen

Can you have please to give me screenshot or blog post URL?. So that I can check and give you proper guidance.

 ![image.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/a/0/a0669cb6faf9ee161ec3e1186a9847b3fc3713b7.jpeg)

---

<div class="post-metadata">

**Author:** ![BZuilen](https://avatars.discourse-cdn.com/v4/letter/b/eada6e/32.png) [@BZuilen](https://community.hubspot.com/u/BZuilen)\
**Post date:** [April 19, 2023, 1:24pm UTC](https://community.hubspot.com/t/module-spacing-on-mobile-devices-is-not-valid/79625/3 "2023-04-19T13:24:34Z")

</div>

![BZuilen_0-1681910659497.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/2/b/2bf0f8b3a8423ec6d6aa8ec22775af0cd13fefcd.png)

---

<div class="post-metadata">

**Author:** ![ankitparmar09](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ankitparmar09/32/64399_2.png) [@ankitparmar09](https://community.hubspot.com/u/ankitparmar09)\
**Post date:** [April 20, 2023, 8:50am UTC](https://community.hubspot.com/t/module-spacing-on-mobile-devices-is-not-valid/79625/4 "2023-04-20T08:50:45Z")

</div>

Hello @BZuilen

Please check the “theme.json” file. And update the below code.

Try it

`{"label" : "","preview_path" : "","screenshot_path" : "","enable_domain_stylesheets" : false,"is_available_for_new_content" : true,"responsive_breakpoints" : [{"name" : "mobile","previewWidth" : {"value" : 477,"units" : "px"},"mediaQuery" : "@media (max-width: 767px)"}], "documentation_url":"","example_url":"","license" : "./license.txt"}`

 ![image.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/a/0/a0669cb6faf9ee161ec3e1186a9847b3fc3713b7.jpeg)

---

<div class="post-metadata">

**Author:** ![BZuilen](https://avatars.discourse-cdn.com/v4/letter/b/eada6e/32.png) [@BZuilen](https://community.hubspot.com/u/BZuilen)\
**Post date:** [April 20, 2023, 10:48am UTC](https://community.hubspot.com/t/module-spacing-on-mobile-devices-is-not-valid/79625/5 "2023-04-20T10:48:44Z")

</div>

Hi Ankit,  
OK tnx. Where can I find this file?

Regards,

Ronald

---

<div class="post-metadata">

**Author:** ![ankitparmar09](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ankitparmar09/32/64399_2.png) [@ankitparmar09](https://community.hubspot.com/u/ankitparmar09)\
**Post date:** [April 20, 2023, 12:28pm UTC](https://community.hubspot.com/t/module-spacing-on-mobile-devices-is-not-valid/79625/6 "2023-04-20T12:28:24Z")

</div>

Hello @BZuilen

Go to the theme folder --\> theme.json file.

 ![Theme-folder.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/f/9/f9c5cf0da756cecde8e1d4bb06ad3d2fd2038d6e.png)

 ![image.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/a/0/a0669cb6faf9ee161ec3e1186a9847b3fc3713b7.jpeg)

---

<div class="post-metadata">

**Author:** ![BZuilen](https://avatars.discourse-cdn.com/v4/letter/b/eada6e/32.png) [@BZuilen](https://community.hubspot.com/u/BZuilen)\
**Post date:** [April 20, 2023, 1:33pm UTC](https://community.hubspot.com/t/module-spacing-on-mobile-devices-is-not-valid/79625/7 "2023-04-20T13:33:55Z")

</div>

Sorry, but where do I find this theme folder? I am not very familiar with this.

---

<div class="post-metadata">

**Author:** ![ankitparmar09](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ankitparmar09/32/64399_2.png) [@ankitparmar09](https://community.hubspot.com/u/ankitparmar09)\
**Post date:** [April 21, 2023, 4:14am UTC](https://community.hubspot.com/t/module-spacing-on-mobile-devices-is-not-valid/79625/8 "2023-04-21T04:14:55Z")

</div>

Hello @BZuilen

It’s ok. I can give you simple steps, follow it.

**Step 1:** HubSpot navigation menu. Click to the **“Marketing”**

![ankitparmar09_0-1682049829726.png](https://d2qpr2jzcazej7.cloudfront.net/optimized/3X/1/7/17a3049692e07d1d2c2965c6d020530f9189bfb7_2_690x25.png)

**Step 2:** After go to the **Files and templates** --\> **Design Tools**

\*\*

 ![Design Tools.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/8/7/873e87a3fbc45387d02f34323bebcefe36d5d7f1.png)  
\*\*

**Step 3:** After completed step 1 and step2, find out the can use the theme. Then you have to go to the theme folder and change the theme.json file.

 ![Theme-folder.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/f/9/f9c5cf0da756cecde8e1d4bb06ad3d2fd2038d6e.png)

 ![image.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/a/0/a0669cb6faf9ee161ec3e1186a9847b3fc3713b7.jpeg)

---

<div class="post-metadata">

**Author:** ![BZuilen](https://avatars.discourse-cdn.com/v4/letter/b/eada6e/32.png) [@BZuilen](https://community.hubspot.com/u/BZuilen)\
**Post date:** [April 21, 2023, 12:16pm UTC](https://community.hubspot.com/t/module-spacing-on-mobile-devices-is-not-valid/79625/9 "2023-04-21T12:16:46Z")

</div>

Hi Ankit,

I found it. The code I see there is:

{  
“label” : “Spark”,  
“preview\_path” : “./pages/site-home.html”,  
“screenshot\_path” : “./images/theme--screenshots/theme--cover.png”,  
“enable\_domain\_stylesheets” : false,  
“is\_available\_for\_new\_content” : true,  
“responsive\_breakpoints” : [ {  
“name” : “mobile”,  
“previewWidth” : {  
“value” : 520,  
“units” : “px”  
},  
“mediaQuery” : “@media (max-width: 800px)”  
} ],  
“version” : “1.1.20”,  
“author” : {  
“name” : “Lynton”,  
“email” : “[support@lyntonweb.com](mailto:support@lyntonweb.com)”,  
“url” : “[https://www.lyntonweb.com](https://www.lyntonweb.com)”  
},  
“documentation\_url” : “[Free HubSpot CMS Themes — Open Source Downloads | Lynton](https://themes.lyntonweb.com/spark-hubspot-theme-setup-guide)”,  
“example\_url” : “[Spark Premium — Free HubSpot CMS Theme | Lynton](https://themes.lyntonweb.com/spark)”  
}

I fully replaced it by the one you have sent earlier, but the issue of the module spacing is still there in the blog post?

---

<div class="post-metadata">

**Author:** ![ankitparmar09](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ankitparmar09/32/64399_2.png) [@ankitparmar09](https://community.hubspot.com/u/ankitparmar09)\
**Post date:** [April 21, 2023, 12:36pm UTC](https://community.hubspot.com/t/module-spacing-on-mobile-devices-is-not-valid/79625/10 "2023-04-21T12:36:30Z")

</div>

Hello @BZuilen

Okay. Can you give me account access permission?

 ![image.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/a/0/a0669cb6faf9ee161ec3e1186a9847b3fc3713b7.jpeg)

---

<div class="post-metadata">

**Author:** ![BZuilen](https://avatars.discourse-cdn.com/v4/letter/b/eada6e/32.png) [@BZuilen](https://community.hubspot.com/u/BZuilen)\
**Post date:** [April 21, 2023, 1:05pm UTC](https://community.hubspot.com/t/module-spacing-on-mobile-devices-is-not-valid/79625/11 "2023-04-21T13:05:52Z")

</div>

Ok, I gave you access. You should have received an invite. Hope you have the right permissions. Tnx!

---

<div class="post-metadata">

**Author:** ![ankitparmar09](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ankitparmar09/32/64399_2.png) [@ankitparmar09](https://community.hubspot.com/u/ankitparmar09)\
**Post date:** [April 21, 2023, 1:08pm UTC](https://community.hubspot.com/t/module-spacing-on-mobile-devices-is-not-valid/79625/12 "2023-04-21T13:08:03Z")

</div>

Hello @BZuilen

Please give me **Design Tools** permission.

 ![image.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/a/0/a0669cb6faf9ee161ec3e1186a9847b3fc3713b7.jpeg)

---

<div class="post-metadata">

**Author:** ![BZuilen](https://avatars.discourse-cdn.com/v4/letter/b/eada6e/32.png) [@BZuilen](https://community.hubspot.com/u/BZuilen)\
**Post date:** [April 21, 2023, 1:11pm UTC](https://community.hubspot.com/t/module-spacing-on-mobile-devices-is-not-valid/79625/13 "2023-04-21T13:11:25Z")

</div>

Done

---

<div class="post-metadata">

**Author:** ![ankitparmar09](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ankitparmar09/32/64399_2.png) [@ankitparmar09](https://community.hubspot.com/u/ankitparmar09)\
**Post date:** [April 21, 2023, 1:14pm UTC](https://community.hubspot.com/t/module-spacing-on-mobile-devices-is-not-valid/79625/14 "2023-04-21T13:14:53Z")

</div>

Hello @BZuilen

You have given account permission, but not edit permission.

 ![pages-edit-permission.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/d/9/d94077a734a93e97766bdb3e085599373ddb59ec.png)

 ![image.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/a/0/a0669cb6faf9ee161ec3e1186a9847b3fc3713b7.jpeg)

---

<div class="post-metadata">

**Author:** ![BZuilen](https://avatars.discourse-cdn.com/v4/letter/b/eada6e/32.png) [@BZuilen](https://community.hubspot.com/u/BZuilen)\
**Post date:** [April 21, 2023, 1:24pm UTC](https://community.hubspot.com/t/module-spacing-on-mobile-devices-is-not-valid/79625/15 "2023-04-21T13:24:05Z")

</div>

OK, I changed it

---

<div class="post-metadata">

**Author:** ![ankitparmar09](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ankitparmar09/32/64399_2.png) [@ankitparmar09](https://community.hubspot.com/u/ankitparmar09)\
**Post date:** [April 21, 2023, 1:51pm UTC](https://community.hubspot.com/t/module-spacing-on-mobile-devices-is-not-valid/79625/16 "2023-04-21T13:51:53Z")

</div>

Hello @BZuilen

I have found a bug. This is a theme bug. There is a bug in the Spark theme itself. You have to inform the people of Spark Theme.

Issue is page - **blog-single.html** file

 ![spacing-issue.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/b/e/be1e175a1683e30ce64b30ff0457ae2f8778604f.png)

**100% work my solution but info the Spark theme people**

`{% module "related_button" path="../modules/Button" label="Related Posts CTA Button", styles={"text_alignment": "center", "spacing": {"padding": {"top": {"value": 75, "units": "px"}}}, "mobile_spacing": {"padding": {"top": {value": 75, "units": "px"}}}} %}`

 ![image.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/a/0/a0669cb6faf9ee161ec3e1186a9847b3fc3713b7.jpeg)

---

<div class="post-metadata">

**Author:** ![BZuilen](https://avatars.discourse-cdn.com/v4/letter/b/eada6e/32.png) [@BZuilen](https://community.hubspot.com/u/BZuilen)\
**Post date:** [April 21, 2023, 2:06pm UTC](https://community.hubspot.com/t/module-spacing-on-mobile-devices-is-not-valid/79625/17 "2023-04-21T14:06:01Z")

</div>

Ok I will check this with them. Is the above mentioned code (100% work my solution) the solution for now? Because the issue is still there?

Or should the Spark theme developers fix this? Can you see if the most recent version of the theme has been installed?

---

<div class="post-metadata">

**Author:** ![ankitparmar09](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ankitparmar09/32/64399_2.png) [@ankitparmar09](https://community.hubspot.com/u/ankitparmar09)\
**Post date:** [April 24, 2023, 7:35am UTC](https://community.hubspot.com/t/module-spacing-on-mobile-devices-is-not-valid/79625/18 "2023-04-24T07:35:11Z")

</div>

Hello @BZuilen

This theme is the latest updated. I have given a solution, if you create a child theme, it will work.

But,

This issue belongs to Spark Theme. You have to tell Spark theme developers to do issue solve in master theme. After you can update latest version.

 ![image.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/a/0/a0669cb6faf9ee161ec3e1186a9847b3fc3713b7.jpeg)

---

<div class="post-metadata">

**Author:** ![BZuilen](https://avatars.discourse-cdn.com/v4/letter/b/eada6e/32.png) [@BZuilen](https://community.hubspot.com/u/BZuilen)\
**Post date:** [April 24, 2023, 8:14am UTC](https://community.hubspot.com/t/module-spacing-on-mobile-devices-is-not-valid/79625/19 "2023-04-24T08:14:34Z")

</div>

Hi Ankit,

Thanks for your reply. I will ask the theme developers to fix the issue with the input you sent me.  
I do not know how to create a child theme.

---

<div class="post-metadata">

**Author:** ![ankitparmar09](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ankitparmar09/32/64399_2.png) [@ankitparmar09](https://community.hubspot.com/u/ankitparmar09)\
**Post date:** [April 26, 2023, 12:47pm UTC](https://community.hubspot.com/t/module-spacing-on-mobile-devices-is-not-valid/79625/20 "2023-04-26T12:47:39Z")

</div>

Hello @BZuilen

Spark theme bug has been solved. Now the blog post page works perfectly. Thanks for reaching out.

I hope you got the perfect solution from me.

 ![image.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/a/0/a0669cb6faf9ee161ec3e1186a9847b3fc3713b7.jpeg)

[Next page](https://community.hubspot.com/t/module-spacing-on-mobile-devices-is-not-valid/79625.md?page=2)
