Hello guys, how can I adjust the position of the Title? I want the Title to be above the container and in the same length as the container.
Topic summary
A Shopify store owner needed help repositioning a page title to appear above a container element and align with its width.
Solution Provided:
A community member shared custom CSS code to be added via Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS. The code uses absolute positioning and media queries for desktop screens (min-width: 1024px) to reposition the title.
Follow-up Issue:
After implementing the solution, the original poster discovered a new problem: when the image size is reduced, the title becomes hidden behind the container. This secondary issue remains unresolved, with no additional solutions provided yet.
Status: Partially resolved - initial positioning fixed, but a layout conflict emerged requiring further adjustment.
Hi @NikosBat
To complete your requests, please follow these steps:
- Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
- Paste the code provided into the Custom CSS section.
@media screen and (min-width: 1024px){
.collapsible-content__wrapper.section-template--22708756021580__collapsible_content_iH7YMU-padding {
position: relative;
}
.collapsible-content__wrapper.section-template--22708756021580__collapsible_content_iH7YMU-padding .collapsible-content__header {
position: absolute;
right: 0;
}
.collapsible-content__wrapper.section-template--22708756021580__collapsible_content_iH7YMU-padding .collapsible-content__header .collapsible-content__heading {
font-size: 30px;
padding-right: 5rem;
}
}
Here is the result:
I hope this helps
Best,
Daisy
Thank you DaisyVo, that solved my problem
Thanks for your answer Sandeep81 I appreciate your time, I have already found the solution


