Problem with magazine grid font

Hi there,

try adding this CSS:

@media(max-width: 768px) {
  .page-hero .wp-show-posts-entry-title a, .page-hero .wp-show-posts-entry-title a:visited {
    color: #ff5481 !important;
  }
}

Hi,there!

Unfortunately, it didn't work. Titles of articles both in the magazine grid section and "more articles" section of the website are still not showing up on mobile. Sorry for bothering you, I did everything I could but I could not resolve it on my own.

Where did you add the CSS? I can't see it on the site ?

Hi! I used the plugin simple CSS

Aah now i see it :)
Theres a couple of errors in that CSS. Delete ALL of the Simple CSS and use this:

@media (max-width: 768px) {
  body {
    font-size: 18px;
  }

  post-image-above-header .inside-article .featured-image {
    margin-bottom: 0 !important;
  }

  .featured_caption {
    font-size: 75%;
    padding-top: 5px;
    opacity: .8;
    margin-bottom: 1.5em;
  }

  .page-hero .wp-show-posts-entry-title a,
  .page-hero .wp-show-posts-entry-title a:visited {
    color: #ff5481 !important;
  }
}

Hi!

The problem with titles in the magazine grid section is resolved but the titles in the simple section of the theme are still not showing. Also the "read more" button in the magazine grid are not visible as well on mobile.Thanks in advance.

Hi there,

I'm not sure the issues I find match what you describe.

Issues found on my end:

On mobile:
- I see the simple section's titles. See here: https://share.getcloudapp.com/OAuPw0Rr

What I'm not seeing is the titles of the magazine grid posts. It's actually there but is white in color. This color was set because the title was intended to be overlayed on top of the image for it to contrast its background. It's not visible because its containing element was moved out of the image as an overlay.

Not sure if this was intended. Can you confirm? If it was, we'll have to change the font color for mobile.

- You said the read more buttons are not visible on the magazine grid but I see them on my end as shown here: https://share.getcloudapp.com/qGuE1Ppk

Perhaps I misunderstood.

That said, can you show us screenshots of the sections with issues? Thank you.

Hi!

The Simple section is where the "more articles" are contained. What you show me are the featured articles under Align section if I were not mistaken.

COncerning the button, I was able to fix it so it's been resolved.

No, It wasn't my intention to modify the overlay lay out. It is unchecked. Besides everything looks good on desktop but not on mobile.

I think, I may just have to use another theme. Thank you, anyway. Good day!

No, It wasn’t my intention to modify the overlay lay out. It is unchecked. Besides everything looks good on desktop but not on mobile.

The addition or modification of @media rule CSS for the magazine grid caused most of the issue w/ this.

I think, I may just have to use another theme. Thank you, anyway. Good day!

No problem. Stay safe. :)

It's okay now. Thanks!

Glad you got it sorted. Feel free to ask if you have any further questions. :)