Shopify themes, liquid, logos, and UX
Hi there,
I've been stuck trying to edit the padding of my FAQ page to make the titles all the same height on the other pages. I used an app for this FAQ page so maybe that's why the padding height is different. This is the URL of the padding height I need the same as the other pages: https://flexiprobands.com/a/faq
Thanks to anyone who can help, I really appreciate it!
P.S. Ive tried these and they don't work
1.
@media only screen and (min-width: 750px)
#easy-faq-app-header{
padding-top:55px!important;
}
}
#easy-faq-app-header{
padding-top:35!important;
}
2.
.main-content.js-focus-hidden{
padding-top: 55px !important;
}
3.
<style>
#easy-faq-app-header{
padding-top:35!important;
}
@media only screen and (min-width: 750px)
#easy-faq-app-header{
padding-top:55px!important;
}
}
</style>
You can try with this code.
Follow this:
Go to Online Store->Theme->Edit code->theme.css->paste bellow code in bottom of file
.main-content.js-focus-hidden{
padding-top: 55px !important;
}
If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.
Best regards,
Hi there @slimzy_12 ,
Not sure if you read my whole question but I said I tried that code! Would you be able to find any other solutions, Ill mark you as helpful 🙂
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025