A user wants to hide the blog title “Matcha Guide” from their Shopify blog section while maintaining the right-to-left alignment of blog posts. Their current CSS solution (h1 { display: none; }) successfully removes the title but causes the posts to shift to left alignment instead.
Proposed Solution:
A PageFly representative suggests adding custom CSS code to the theme.liquid file, specifically above the </head> tag. The solution involves:
The response includes code markup, though the exact CSS solution is not fully visible in the conversation. The issue appears to be a styling conflict where hiding the title element affects the layout of child elements.
I want to remove “Matcha Guide”, the blog post title but keep the blog posts going from right to left. When I try to use the following code it makes the posts align to the left.
h1 {
display: none;
}
https://mana-matcha-hawaii.myshopify.com/blogs/matcha-guide
PW: MM2024
This is Richard from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the
Hope this can help you solve the issue
Best regards,
Richard | PageFly