Logo centered only in homepage and not on other pages

Nokzor
Visitor
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)

iffikhan30
Shopify Partner
246 35 44

Hello, 

 

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