How can I center the collection title and 'view all' button in the debut theme?

Hi All,

As per subject im looking to centre the collection title and ‘view all’ button in the debut theme.

currently they are aligned to the left as below.

would like them centred like the last screenshot.

1 Like

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Hi Zestard,

This is on a draft theme i have yet published. see below preview, there is no password

https://jtsxwern346x1qhm-25590600.shopifypreview.com

this is more so for the mobile display over desktop

1 Like

@LabelSource

can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
@media screen and (max-width: 989px){
.collection .title-wrapper-with-link {justify-content: center;text-align: center;}
.collection a.link.underlined-link.large-up-hide {width: 100%;}
}

Hi Ketan,

That is perfect thank you, is it possible to have the slider arrows placed beside the collection title like the below.

Also can the working bee changed to ‘see all’ and the underline removed?

1 Like

@LabelSource

yes its possible to customization code change your current code and add new

If you’re comfortable working with coding languages (eg. HTML, JavaScript, CSS, and Liquid), then you can try to follow the custom coding provided by Feature Slider

1 Like

thank you, i have just watched the video however it doesnt show how to place the arrows beside the title sadly

1 Like

@LabelSource

oh sorry, i mean change your current code and apply new one bcz current code doesn’t allow to arrow