We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

How to change the position of the Title

Solved

How to change the position of the Title

NikosBat
Navigator
489 1 108

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.

Bildschirmfoto 2024-12-25 um 16.05.13.png

Accepted Solution (1)

DaisyVo
Shopify Partner
4469 501 598

This is an accepted solution.

Hi @NikosBat 

 

To complete your requests, please follow these steps:
  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. 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: image_720.png

 

I hope this helps

 

Best,

 

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

View solution in original post

Replies 5 (5)

Sandeep81
Shopify Partner
126 18 22

Hi 

 Hi NikosBat,
Please give the URL of your store
 
Preview
 
 
 
Hey if it works, please give a Like or mark it as a solution.
Please Let me Know if not solved.
Here I am: sandeepkhandagade@gmail.com
Thanks & Regards
Sandeep
NikosBat
Navigator
489 1 108

Thanks for your answer Sandeep81 I appreciate your time, I have already found the solution

DaisyVo
Shopify Partner
4469 501 598

This is an accepted solution.

Hi @NikosBat 

 

To complete your requests, please follow these steps:
  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. 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: image_720.png

 

I hope this helps

 

Best,

 

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
NikosBat
Navigator
489 1 108

Thank you DaisyVo, that solved my problem

 

NikosBat
Navigator
489 1 108

Hello DaisyVo, if I make the image a little smaller, the section looks like this. The title is hided by the container. Can I change that?

 

Bildschirmfoto 2024-12-25 um 17.09.08.png