Code block on mobile cant be made smaller

When I create anchor links using a code block that only contains this code:

<div id="name"></div>

the code block on mobile is huge - 6 grid blocks tall. I can't make it shorter, and it messes up my mobile design. Anyone else running into this, or know of a workaround?

Hi,

We can use CSS code to achieve this. Can you share link to page where you use Code Block? We can check easier

Another approach, you can change current section to Classic Editor Section, the gap will disappear

@tuanphan Can you share the CSS code to achieve this please? Seems a common issue and I can't find an answer anywhere. Here is my site - gaffe.uk . If you scroll down to "pack your bags" on mobile, the gap from the code block for the anchor link is too tall and I can't use the fluid engine to reduce it any lower than 6 grid blocks.

Thanks!

On 3/9/2023 at 1:22 AM, DanDan326 said:

@tuanphan Can you share the CSS code to achieve this please? Seems a common issue and I can't find an answer anywhere. Here is my site - gaffe.uk . If you scroll down to "pack your bags" on mobile, the gap from the code block for the anchor link is too tall and I can't use the fluid engine to reduce it any lower than 6 grid blocks.

Thanks!

I just found another approach, you try adding this to Design > Custom CSS then try reduce height on edit mode

html.squarespace-damask .sqs-blockStatus {
    display: none !important;
}

If it doesn't work, you mean this gap?