Need to hide Page Headers on non-wooocommerce pages

Page Titles I meant to say … on mobile

Do you mean the big header text, like “ABOUT US” and “CONTACT” and “BLOG”, etc, that show up above the page content on each page?

I got rid of these by editing each individual page’s code. I adjusted the page margins upward, I think 75x or 150px. This forces the page content higher up on the page, and covers that title text. I don’t like the title text either.

The only slight issues with doing this were:
1. If you adjust the margins too high via the little, square, colored block-editor menu on your visual “page builder”, you risk moving the margin so high that that square clickable menu on the visual page editor goes out way up out of reach and can’t be seen or clicked again. I hope that makes sense… The work-around is to just edit your margin within the code/text interface if you need to edit the margins more, or use the menu again. Just lower the margin in the code view nd switch back to the visual builder view to access the square menu. It’s easy enough.

2. This doesn’t apply to content pages like the blog and the shop front. You can’t edit their content code through the page editor. So you can’t force their content margins higher.

There’s probably a way to hide them in the CSS coding. I haven’t tried yet, but now that I’m thinking about it I might.

In the Storefront code, those title texts are styled by:
.alpha,h1{font-size:2.617924em;line-height:1.214;letter-spacing:-1px}.
and also;
.alpha,.beta,.delta,.gamma{display:block}

If you wanted to hide ALL .alpha titles, you could alter the code, I think, to:
.alpha{display:none}.beta,.delta,.gamma{display:block}

But the .alpha titles include shop section titles and blog post titles. I just played around with that to see if I could somehow get rid of those pesky page titles. I’m not versed in CSS, so triple check me. I just tinker with the code to get it to do what I want.

Again, assuming we’re talking about the same thing here. One possible creative work-around is the change the text that that title displays. So you can change “Contact Us” to “Want to know more?” or “Drop us a line!” or something catchy like that that blends in better.

HI there

Yes that’s exactly what I am referring to. Those titles only display on my mobile versions (non ecommerce and ecommerce) and NOT the PC versions, therefore if my PC version I title something called “Contact Us” and then the system auto adds “Contact” in there for mobile version and then I have my text that I already typed for PC version.

I could do 2 versions, one for PC and one for mobile but would rather not have to keep playing with code each time. Bit time-consuming sometimes.

When other themes don’t have this issue.

Kristin

I found a plug-in that disables titles altogether ?? Try searching plugins for “titles” and it should pop up!

Hey @kristinubute ,

I’ll be glad to help you with this. Could you please share a link to one page on your site that I can check? I would also need a screenshot of one of those pages from the admin to see how it’s been created.

Cheers!

Hi there!

We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

Cheers!

HI

Sorry for the delay

I will try the plugin and see if it works.

Thanks
Kristin