i want to circle tab text in center, dawn theme

Store Design
1

i use dawn theme, my website url bustangi.pk

i want to circle tab text in center. I also share screenshot.

this section shows only in mobile, not desktop.

center text.PNG
center text.PNG377×186 32.9 KB

2

@sitarakhalid In which page is this ?

3

Please elaborate on what style you would like to have on mobile?

Is it a border for the two images in the middle?

Please also share your shop website

4

Hi @sitarakhalid ,

Glad to support you today.

You can check out my suggestion below to get your concern resolved:

  1. Go to Edit code on Online Store:

GemPages_0-1673426772024.png
GemPages_0-1673426772024.png400×162 25.3 KB

  1. add my code above the tag on Theme.liquid:

Eg:

![GemPages_1-1673426824606.png|1099x877](upload://97ZqkYhc1DRBCErw1C4h25ptBv6.png)

That section show like this if you add my code:

![GemPages_2-1673426849463.png|428x926](upload://6tawUheMq4k8MJeaVB16j9i8diM.png)

I hope you find the answer helpful.

Kind & Best regards,
GemPages Support Team.
5

@sitarakhalid
Hello,

@media only screen and (max-width: 749px)
.card__heading {
	padding-top: 0 !important;
	font-size: 14px;
}
.card__content {
	position: unset !important;
	height: auto !important;
        padding: 0;
}
}

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

Like This

oscprofessional_0-1673431607357.png
oscprofessional_0-1673431607357.png850×523 175 KB

6

@GemPages its work great, thank you so much.