Text Block disappearing on mobile

I cannot figure out why this text block in the home page introduction disappears on mobile. Can y’all take a look and advise?? URL is http://puuohoku.rhdproofs.com/

Hi Sarah,

Thank you for writing in, looks like you added that custom CSS below on your site, please remove that CSS rule as that hides the said text, actually hides the column where your text is.

@media (max-width: 767px) {
.x-section .x-container.marginless-columns > .x-column.timeline-col + .x-column, .x-section .x-container.marginless-columns > .x-column:first-child:not(.timeline-col) {
    display: none;
	}	
}

That custom CSS is added to Theme Options > CSS

Hope it helps,
Cheers!

Hi, thanks for looking into this. So, I need to keep that media querie for the timeline feature on the about page: http://puuohoku.rhdproofs.com/about-us/

How would I keep that, but get make it so that it doesn’t apply to the home page intro text?

Hello @Ranchhouse,

Thank you for the clarifications.

To resolve your issue, you can either do this:

1.) Solution #1:

  • Remove this custom css from X > Theme Options > Custom CSS
@media (max-width: 767px) {
  .x-section .x-container.marginless-columns > .x-column.timeline-col + .x-column, 
  .x-section .x-container.marginless-columns > .x-column:first-child:not(.timeline-col) {
    display: none;
  }	
}
  • Edit your About us page back in Cornerstone and insert the custom css in the Cornerstone’s custom page css

2.) Solution #2:

  • Simply update the custom css code by adding the page ID of the about us page like this:
@media (max-width: 767px) {
  .page-id-17 .x-section .x-container.marginless-columns > .x-column.timeline-col + .x-column, 
  .page-id-17 .x-section .x-container.marginless-columns > .x-column:first-child:not(.timeline-col) {
    display: none;
  }	
}

If you are wondering how did I got the page id, please check this out: https://theme.co/apex/forum/t/setup-how-to-locate-post-ids/59

We would loved to know which one has work for you. Thank you.

I added the page id and that worked! I didn’t even think about moving the CSS in the Cornerstone page - that also makes a lot of sense! Will remember this. Thanks so much!

You’re most welcome!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.