Agha_Waqas

Hi, Add below code into CSS editor
.sqs-lightbox-meta p { color: #fff !important; }

Hi Tracy, Will you please share the website link?

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

Hi, i review your website and it seems like you are using h3 for the accordion. simply replace the h2 to h3 into JavaScript code and it will works.

I think you already fix it. now accordions show into 4 columns 

if you want to change the font size of the accordion heading. add below code
.markdown-block h4 {
font-size: calc(1 * 1rem) !important;
}

hi add below code to CSS editor
.image-block .design-layout-stack { display: flex !important; flex-direction: column-reverse !important; }

Hi Chris, di you see the button code into Footer code injection

settings > advanced > code injection > header or footer

you must be found there.

hi add below code to CSS editor
.image-block .design-layout-stack { display: flex !important; flex-direction: column-reverse !important; }

Adjust the line height in the same code which i provided you 
line-height: 20px; 

hi. applied below code
.gallery-caption-grid-masonry p { font-size: 30px !important; }

Hi. add below code into CSS Editor
#block-yui_3_17_2_1_1619992736841_27453 {
    .image-card-wrapper .sqs-dynamic-text {
        p a {
            color: #fff;
            background-color: #1a1a1a;
            border-color: #1a1a1a;
            padding: 6px 10px;
        }
    }
}

Hi i just your code in your code you added the ";" before the a remove it, it a bug due to that its not working.
otherwise use below code
.header-nav-folder-item a:hover {
  border-bottom:1px solid #fff !important;
}

hi. applied below code
.gallery-caption-grid-masonry p { font-size: 30px !important; }

it looks fine to me

Your Welcome

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

add below code into css editor

@media (max-width: 1024px){
#eapps-google-reviews-6c531fd1-9bd5-4ab4-88d6-e677c4eb6f67 { z-index: 9 !important;}
}

Your welcome.
The z-index property specifies the stack order of an element. An element with greater stack order is always in front of an element with a lower stack order. 
i used the max-width: 1024px is because your mobile navigation is start from there, if we only do this for mobile just then the issue will still remain for the tablet and ipads users.

Hi. Add below code into CSS editor
.ProductItem-summary { align-items: flex-start !important; }

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; }

will you please share the site link?
 

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, you can use below code to get rid from the spacing. simply copy paste below code into CSS editor
@media (max-width: 520px) {
    #page-section-6079eef730a0cf157bbfc577 {
        .span-12 .row {
            .span-6 .html-block {
                padding: 0 17px !important;
            }
        }
    }
}

Hi, you can use below code to get rid from the spacing. simply copy paste below code into CSS editor
@media (max-width: 520px) {
    #page-section-6079eef730a0cf157bbfc577 {
        .span-12 .row {
            .span-6 .html-block {
                padding: 0 17px !important;
            }
        }
    }
}