How to add Button under Logo on Mobile Header

Pro Tips Other Tips
1

To make Header button appears under Logo on Mobile Header, you can use this to Website Tools Custom CSS.

@media screen and (max-width:767px) {
  .header-actions-action.header-actions-action--cta {
    display: flex;
}
.header-display-mobile {
    flex-direction: column;
}
}

image
image529×650 39.9 KB

Result

image
image600×307 47.6 KB

If you want to make burger appears on right of Header, use this extra CSS.

div.header-display-mobile .header-burger {
    position: absolute;
    right: 1vw;
}

image
image534×828 53.3 KB

Result

image
image600×237 45.7 KB

If you have any problems, you can comment, send me an message or email me.