Skip to main content
Skip to footer
Home
About Us
Career
Services
Service 1
Service 2
Service 3
Service 4
News
Contact
Home
About Us
Career
Services
Service 1
Service 2
Service 3
Service 4
News
Contact
Start now
{acf_json_code}
Rename CSS Class:
footer-amanojaku
→
Copy this
Default
Stacked Top Row
SCSS Editor:
.footer-amanojaku { padding-block: var(--space-none); &__container { display: grid; grid-template-columns: 1fr 3fr 1fr; padding-block: var(--space-xxl); border-bottom: 1px solid var(--dark); @media(max-width:767px) { padding-block: var(--space-xl); grid-template-columns: 1fr; gap: var(--space-l); &>div { justify-content: center; } } } &__logo-wrapper { display: flex; } &__nav-wrapper { margin: auto; @media(max-width:767px) { .bricks-nav-menu { flex-direction: column !important; a { justify-content: center; } li { margin-left: 0; } } } } &__social-wrapper { display: flex; gap: var(--space-m); align-self: center; justify-content: flex-end; } &__social-icon { font-size: 1.5em; display: flex; } &__social-aria-label { position: absolute; inline-size: 1px; block-size: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } &__sub-footer { display: flex; padding-block: var(--space-l); font-size: var(--text-s); flex-direction: row; justify-content: center; gap: var(--space-xl); @media(max-width:767px) { flex-direction: column; align-items: center; gap: var(--space-m); } } }
Format
Reset
Copy this