Danvarsh

Hi, I somehow removed the white space by including some css but the section of the map overlaps the next section. So, I can't click button on the next section(Services). I would really appreciate any help! Here is the css I have included /* Remove any potential border or margin from the previous section */ section[data-section-id="667b139d56426d272c65f519"] + .page-section, section[data-section-id="667b139d56426d272c65f519"] + .page-section::before, section[data-section-id="667b139d56426d272c65f519"] + .page-section::after { border: none !important; margin: 0 !important; padding: 0 !important; } /* Ensure no border or extra margin/padding is applied to the top of the section */ section[data-section-id="667b139d56426d272c65f519"], section[data-section-id="667b139d56426d272c65f519"]::before, section[data-section-id="667b139d56426d272c65f519"]::after { border: none !important; margin: 0 !important; padding: 0 !important; } /* Remove padding and margin from the specific section */ section[data-section-id="667b139d56426d272c65f519"] { margin: 0 !important; padding: 0 !important; height: 100vh; /* Ensure the section takes up the full viewport height */ display: block; /* Ensure the section is displayed as a block element */ bottom: 20vh; } /* Remove any extra space from parent sections */ #block-yui_3_17_2_1_1719236485206_38927 .sqs-block-content { margin: 0 !important; padding: 0 !important; height: 100%; width: 100%; display: block; /* Ensure the content is displayed as a block element */ } /* Target the specific block containing the map */ #block-yui_3_17_2_1_1719236485206_38927 { margin: 0 !important; padding: 0 !important; height: 100vh; /* Set the map container height to 100% of the viewport height */ width: 100%; /* Ensure the map container takes up the full width */ display: block; /* Ensure the map container is a block element */ position: relative; /* Ensure the map is positioned correctly */ overflow: hidden; /* Ensure no overflow */ z-index: 1; } /* Adjust the section below the map */ section[data-section-id="667d5fbb500ede6e93ff9dc8"] { margin-top: 0vh; /* Adjust the top margin to position the section correctly */ padding-top: 0vh; /* Adjust the top padding to position the section correctly */ position: relative; /* Ensure the section is positioned correctly */ z-index: 2; /* Bring the section above the map */ }

Hello Please help I have added a code block inside a section which contains a google geochart map and i am trying to reduce the space at the bottom of this section. But I cannot reduce the number of rows nor I cannot slide the section height adjustor up far enough. I am left with huge blank space at the end of this section. I have tried adding some custom CSS too but nothing works. Here is my homepage of the website that I am trying to find a solution. https://www.danvarsh.com/home This is the custom CSS I added /* Target the specific block containing the map */ #block-yui_3_17_2_1_1719236485206_38927 { margin: 0 !important; padding: 0 !important; height: 100vh; /* Set the map container height to 100% of the viewport height */ width: 100%; /* Ensure the map container takes up the full width */ display: block; /* Ensure the map container is a block element */ position: relative; /* Ensure the map is positioned correctly */ } /* Remove any extra space from parent sections */ #block-yui_3_17_2_1_1719236485206_38927 .sqs-block-content { margin: 0 !important; padding: 0 !important; height: 100%; width: 100%; display: block; /* Ensure the content is displayed as a block element */ } /* General section adjustments */ .page-section { margin: 0 !important; padding: 0 !important; height: auto !important; /* Ensure sections take only the necessary height */ display: block; /* Ensure the content is displayed as a block element */ } /* Ensure the content within the sections has no extra space */ .page-section .content { margin: 0 !important; padding: 0 !important; height: auto !important; /* Ensure content takes only the necessary height */ display: block; /* Ensure the content is displayed as a block element */ } /* Specific adjustments for the section following the map to avoid white space */ #block-yui_3_17_2_1_1719236485206_38927 + .page-section { margin-top: 0 !important; padding-top: 0 !important; }