Logo centered only in homepage and not on other pages

1 0 0

I tried to center my logo in mobile view with the below css, but I can't figure out why my other pages' header don't change too.


@media all and (max-width: 749px) {
.header__heading {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);


But it's changing only my homepage. Would appreciate any help here.


url - www.adahlazorgan.com


Screenshot 2024-01-28 at 8.57.01 PM.png

Screenshot 2024-01-28 at 8.57.10 PM.png


Reply 1 (1)

Shopify Partner
246 35 44



I figure out The issue is that header__heading this class is not coming on inner pages.

Custom theme and app [remix] expert.
Buy me a Coffee
Email: irfan.sarwar.khan30@gmail.com
Chat on WhatsApp