Archived topic

Center Page Title on mobile

3 replies · Started by Rostyslav on February 24, 2021

Viewing posts 1–4 of 4

February 24, 2021 at 4:52 pm #1671409

Hello!

I used this code to ilign the page title but it just works in desktop view:


.page .entry-header {
      text-align: center;
}

How can I fix it for tablet and mobile?

Thanks!

February 24, 2021 at 6:26 pm #1671462

Hi there,

You have this CSS on your site:

@media (min-width: 768px){
.page .entry-header {
    text-align: center;
}
}

The @media rule is wrong if you want it to apply on mobile. If you want it to apply on all viewports, just remove the @media rule.

February 25, 2021 at 2:49 am #1671822

I use this code:

@media (min-width: 768px) {
.sticky-bottom {
display: none;
	}
}
.page .entry-header {
      text-align: center;
	}

Is that correct now?

February 25, 2021 at 4:04 am #1671915

Hi there,

if you want to center the title on mobile only you would use this CSS:

@media (max-width: 768px) {
  .page .entry-header {
    text-align: center;
  }
}

This archived topic is closed to new replies.