Payment icons not showing in about us page

[nalnowaeam]

Hello my payment icons seem to be hidden behind the about us image in the about page.

How can I make them show?

https://www.msmoh.com/pages/about-us

[Mr_RaviRaj]

.about-us .about-bg {
    position: absolute;
    top: -50px;
    right: -81% !Important;
    display: block;
    background: #f2eadb;
    border-radius: 100%;
    width: 120%;
    height: 155%;
    z-index: 0;
}

@nalnowaeam
Add this code in the bottom of custom.scss file.

[oscprofessional]

@nalnowaeam ,

where it is?

[nalnowaeam]

In the footer its under the order buttons you will see it better in mobile view cause its almost fully hidden in the desktop view.

[nalnowaeam]

That is not the solution I want I want the icons to be visible like the custom footer icons are showing without changing the position of the about-us images

[Mr_RaviRaj]

@nalnowaeam

.payment-icons li {
    position: absolute !important;
    z-index: 99999 !important;
}

Add this code in the bottom of theme.scss file.
Try out both code what i have given.

[Mr_RaviRaj]

@nalnowaeam

If you are not able to do it youself,
Then required a developer,

[Mr_RaviRaj]

@nalnowaeam

.payment-icons {
    position: relative !important;
}

Add this code in custom.scss.css file

try out this code it will surely work for you.

Thank you.

[oscprofessional]

@nalnowaeam ,

ul.inline-list.payment-icons {
    position: relative;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

[nalnowaeam]

Thank you that worked!