AL-FQR

#block-fc77a88179ae1580b760 { color: C842FD ; text-shadow: -1px -1px 0 black, 0 -2px 0 black, 1px -1px 0 black, 0px 0 0 black, 1px 1px 0 black, 0 1px 0 black, -2px 1.5px 0 black, -1px 0 0 black;; @media screen and (max-width:650px) { margin-top: -50px; margin-right: -20px; } } #block-94e66831e7a28dd10bcf{ color: C842FD ; text-shadow: -1px -1px 0 WHITE, 0 -1px 0 WHITE, 1px -1px 0 WHITE, 0px 0 0 WHITE, 1px 1px 0 WHITE, 0 1px 0 WHITE, -1px 1px 0 WHITE, -1px 0 0 WHITE;; } @media screen and (max-width:650px) {#block-7743bfe21cb6b132ccb7 h1 {margin-bottom: 50px !important; } } .code-block { padding: 0 !important; } .grid__description { padding: 0 !important; } [data-section-id="6009dd0555ab9b0668a51314"]{ background: #ffffff; overflow: visible; &:before { content: ''; width: 100%; height: 225px; top: 0; left: 0; background-image: url(https://static1.squarespace.com/static/6009cd9d45126e4888b86634/t/618d7ad49a6ec01d5a1f968e/1636661973013/Cascade+mountain+range+divider+draft+2.png); background-size: contain; background-repeat: repeat-x; background-position: bottom; margin-top: -224px; position: absolute; pointer-events: none; @media screen and (max-width: 450px) { background-size: % %; } } } [data-section-id="601483fa6df59e7e36abf0b8"]{ background: #K1H6B; overflow: visible; &:before { content: ''; width: 100%; height: 200px; top: 0; left: 0; background-image: url(https://static1.squarespace.com/static/6009cd9d45126e4888b86634/t/607f544c3a76444cc873d18e/1618957388675/section+divider_geo1.jpg); background-size: contain; background-repeat: repeat-x; background-position: bottom; margin-top: -150px; position: absolute; pointer-events: none; @media screen and (max-width: 450px) { background-size: 200% 25%; height: 166px; } } } [data-section-id="60c1300e49b6e2517e5cbbef"]{ background: #K1H6B; overflow: visible; &:before { content: ''; width: 100%; height: 200px; top: 0; left: 0; background-image: url(https://static1.squarespace.com/static/6009cd9d45126e4888b86634/t/607f544c3a76444cc873d18e/1618957388675/section+divider_geo1.jpg); background-size: contain; background-repeat: repeat-x; background-position: bottom; margin-top: -200px; position: absolute; pointer-events: none; @media screen and (max-width: 450px) { background-size: 200% 25%; height: 155px; margin-top: -157px; } } } #block-7a3f74eb86b9883a0d10 { margin-top: -40px; margin-bottom: -25px; } [data-section-id="601480a298c7fa312d7434f6"]{ background: #K1H6B; overflow: visible; &:before { content: ''; width: 100%; height: 200px; top: 0; left: 0; background-image: url(https://static1.squarespace.com/static/6009cd9d45126e4888b86634/t/607f66d17022804e466adbcf/1618962129767/Section+Divider_colasil2.jpg); background-size: contain; background-repeat: repeat-x; background-position: bottom; margin-top: -200px; position: absolute; pointer-events: none; @media screen and (max-width: 450px) { background-size: 100% 25%; } } } [data-section-id="602c38efd6b0cc1a8870d404"]{ background: #K1H6B; overflow: visible; &:before { content: ''; width: 100%; height: 200px; top: 0; left: 0; background-image: url(https://static1.squarespace.com/static/6009cd9d45126e4888b86634/t/607f64d84a6b353fcaea2d69/1618961624429/SECTION+DIVIDER_SIMPLEGEO_INVERTED.jpg); background-size: contain; background-repeat: repeat-x; background-position: bottom; margin-top: -190px; position: absolute; pointer-events: none; @media screen and (max-width: 450px) { background-size: 450% 50%; height: 220px; } } } [data-section-id="602f018aba1a4f18a1ac5a11"]{ background: #K1H6B; overflow: visible; &:before { content: ''; width: 100%; height: 200px; top: 0; left: 0; background-image: url(https://static1.squarespace.com/static/6009cd9d45126e4888b86634/t/607f64d84a6b353fcaea2d69/1618961624429/SECTION+DIVIDER_SIMPLEGEO_INVERTED.jpg); background-size: contain; background-repeat: repeat-x; background-position: bottom; margin-top: -200px; position: absolute; pointer-events: none; @media screen and (max-width: 450px) { background-size: 450% 50%; } } } html, body {overflow-x:hidden;}

Hi Tuan, thank you for your reply. This code, while it did succeed in removing the empty space from view on the website's backend, did not remove the space when the website frontend is viewed on a mobile platform. Could it be that I have another "@media screen" code interfering?

Site URL: http://arrowleafhemp.com I have an odd issue, and have tried a half dozen codes provided by Circle Members on other relevant threads without success. When visiting my site on a mobile browser, there is a large empty space on the right side of the screen that runs the entire length of the page on every page. This space can't be seen when editing on the backend, but is apparent when you either zoom out or swipe to the right on a mobile platform. I've attached a screenshot from my phone. Any help would be greatly appreciated, Its been quite the headache working a solution.

It looks like this problem is solved, thank you for being on top of it Tuan!

I ran my code through a validator and it came back with a number of parsing warnings. Almost all of them were redundant, though there was one parsing error that pointed out an unexpected "//" under one of the codes. After removing, it seems the coding is loading properly!

Sure thing, would you like access to the backend or just my sites url? It is https://arrowleafhemp.com Some of the coding that isnt loading are text block "text-shadow" effects and section divider images. Other coding is still loading, like my @mediascreen codes. The images below show the backend after a refresh before I click "Custom CSS" and after I click to edit. Code changes load after the CSS editing window opens.

Hello everyone, I was wondering if there have been any outages recently affecting proper Custom-CSS loading. After doing some editing on my site today, I found that it won't display my Custom-CSS on refresh, both in the backend and frontend. However, as soon as I click my cursor into the Custom-CSS editing window, the site loads my code. Any ideas? I cleared my cache with no luck.

Figured out step one of the issue: the icon is there in the header, but it remains hidden beneath the header's theme. In other words, it doesn't show up unless I make my header color theme "transparent". Any way I can get the icon to appear on top of a color theme? Thank you!

Ive attempted to inject the HTML into the Header and Footer Coding Windows with not luck. I have my Ecwid store code injected into the Footer per their instructions, and the store works great, but I can't get their little shopping bag icon to appear on my sites header.

Site URL: https://contrabass-sprout-yeka.squarespace.com/config/ Hello, I run my ECommerce through Ecwid and I have been having difficulty displaying their Shopping Bag icon on my sites headers. They provide an html code, but I haven't had success making it jive with Custom CSS: <div class='ec-cart-widget'></div> Any insight would be helpful, thank you!