Agha_Waqas

Hi, It seem like you did copy paste code and did not update it according to your heading size.

go to you JavaScript and CSS code which you get from that article replace h2 to h4 on both codes (Javascript and CSS)
<----- Updated code -----> <script> $(document).ready(function(){ $('.markdown-block .sqs-block-content h4').css('cursor','pointer'); $(".markdown-block .sqs-block-content h4").nextUntil("h4").slideToggle(); $(".markdown-block .sqs-block-content h4").click(function() {$(this).nextUntil("h2").slideToggle();}); }); </script> Same thing do with CSS replace all h2 to h4.

Hi. Will you share the Password of your website. 
 
you need to use the z-index for that. 
add the z-index:9999; within your code. It will work.

Hi, You need to remove the top padding of the section. below is the code.

[data-section-id="611d47af4095211195eef4f4"] { padding-top: 0 !important; }

Hi you can add below script into footer injection
<script>
var all_links = document.querySelectorAll(".portfolio-hover-items-list li a");
for(var i=0; i<all_links.length; i++){
    all_links[i].removeAttribute("href");
}
</script>

Simply add !important after the color or use below code
body:not(.header--menu-open) .dark .header-nav-folder-content {
  background-color: transparent !important; }

You can tweak the navigation with CSS, Hide your logo, Make the Navigation 100% and use Flex box.
 

Ahhhh I see!!! actually there is custom code in css which is blocking it
below is the code which blocked the image clickthrough, Remove below code then it will works

 
.summary-thumbnail-outer-container a { pointer-events: none !important;  cursor: default !important; }

Hi. please try below code.
.folder-toggle:hover+.subnav {
    width: 100%;
    top: 14px;
    padding-top: 0;
    z-index: 99999;
}
.subnav:hover {
    opacity: 1 !important;
}

Hi. Add below code into CSS editor. Adjust the padding and font according to your need. 
.form-block .lightbox-handle { font-size: 20px !important; padding: 1.5em 2.5em !important;}

Hi. Add below code into CSS editor

 
@media (max-width: 800px) {
    .design-layout-card {
        flex-direction: column !important;
        .intrinsic,
        .image-card-wrapper {
            width: 100% !important;
        }
    }
}

Hi. Add below code into CSS editor

 
@media (max-width: 900px) {
  #page-607e58d7db63ee562a23b8e5 {
  .span-6 {
      width: 100% !important;
      float: none !important;
      .design-layout-card {
        display: flex !important;
        justify-content: space-between !important;
        .intrinsic {
          width: calc(30% - 1%) !important;
        }
        .image-card-wrapper {
            margin-left: 2% !important;
            display: flex !important;
            justify-content: center !important;
            align-items: center !important;
            min-height: 100% !important;
            width: calc(70% - 1%) !important;
        }
      }
    }
  }
}

You can use the custom CSS code for it,
Add below code into custom css editor
.sqs-block-form .field-list select { font-size: 20px !important; }