Fix moblie header

HI there,

My mobile display is not right at the top can you please give me a code to make sure it aligns with all the icons on the left at the top?

Thank you!

Hi,

I noticed you have this custom CSS code on your site:

.header-contact .header-contact-info {
    width: 85%;
}

Please replace it with this instead:

@media only screen and (min-width: 1025px)
.header-contact .header-contact-info {
    width: 85%;
}

Regards,
Awan

Can you please provide an accurate code? It is not reading what you gave me

My mistakes. Please replace this code:

with this:

@media only screen and (min-width: 1025px){
  .header-contact .header-contact-info {
    width: 85%;
  }
}

Hi there,
It is still not aligned…

please fixxxxxxx

Hi,

It’s already center aligned. Maybe you mean that you want the contact info are displayed per line? If yes, please add this CSS code:

@media only screen and (max-width: 768px){
  .header-contact-info span {
    display: block;
  }
}

That did the trick! Thank you so much!

1 Like