Why does my FAQ page title keep appearing instead of the collapsible contents header?

Shopify Discussion
1

I have no idea why this keeps happening, first it was on product pages and now FAQ

How do I fix this? I hid the page because I don’t want the Page title (‘Frequently Asked Questions’), I liked the collapsible contents header/title instead

gracieloo704_0-1688301898215.png
gracieloo704_0-1688301898215.png1362×604 65.5 KB

1 Like
2

Hi @gracieloo704 ,

Would you mind to share your URL website? with password if its protected. Thanks!

3

https://ea2054-2.myshopify.com/

no pass.

1 Like
4

Thank you ofr the information.

Try this.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
main#MainContent {
    display: grid;
    grid-template-rows: auto auto;
    gap: 200px;
}
@media only screen and (max-width: 563px){
.contact.page-width.page-width--narrow.section-template--19522741043474__fb725479-db32-433a-a047-10bb606100ce-padding {
    margin-top: 70px;
}
}

Result:

Ribe_Dagandara_0-1688405374432.png
Ribe_Dagandara_0-1688405374432.png1362×614 34.3 KB

I also change the mobile.

Ribe_Dagandara_1-1688405412443.png
Ribe_Dagandara_1-1688405412443.png548×530 14.7 KB

I hope it help.

5

It worked! But now theres a new issue, every other page has huge gaps in between sections

BEFORE:

gracieloo704_0-1688466235377.png
gracieloo704_0-1688466235377.png1365×511 194 KB

AFTER:

gracieloo704_1-1688466283998.png
gracieloo704_1-1688466283998.png1365×511 215 KB

1 Like
6

Oh sorry it was my fault. The thing is if we are just viewing the store we can only check that pages. Not the other pages. Please, delete the first code that I give. Can you try and check this code if it affect to other pages? Thanks!

section#shopify-section-template--19522741043474__fb725479-db32-433a-a047-10bb606100ce {
    padding-top: 200px;
}

If this wont work and still affected the other pages then need a liquid code to call the specific pages.

I hope it help.

7

this works now thank you!

1 Like