How To Center Only Home Page Collection Headings Dawn Theme

Store Design
1

my web.PNG
my web.PNG1258×560 307 KB

i want to mention heading in center on mobile and desktop both.

i use dawn theme and my website url www.bustangi.pk

2

@sitarakhalid
Hello,

.section-template--15465179644075__featured_collection-padding .title {
	margin: 0 auto;
	width: 100%;
}

Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

Like This

oscprofessional_0-1672836587296.png
oscprofessional_0-1672836587296.png1282×912 231 KB

3

@sitarakhalid
Put below code into base.css file (Online store->themes->edit code->assets->base.css)

.title-wrapper-with-link.title-wrapper--no-top-margin {
    justify-content: center !important;
}

Ujjaval_1-1672836934179.png
Ujjaval_1-1672836934179.png1590×678 95.3 KB

Ujjaval_2-1672836997844.png
Ujjaval_2-1672836997844.png1587×750 205 KB

4

Hello @sitarakhalid

It’s GemPages support team and glad to support you today.

I would like to give you a solution to support you.

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid theme file.

  3. Paste the below code before :

{% if template contains 'collection' %}

{% endif %}
{% if template contains 'index' %}

{% endif %}

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

5

THANK YOU ITS WORK GREAT