How can I modify the heading on my product page?

[idashfun]

Dear All,

Please help I cant troubleshoot this problem on my product page screenshot below. url:idashfun.com

Please advise the proper steps on the issue soon.

Thanks regards,

Benajmin

[pawan987]

Hi @idashfun ,

Please insert this code in your theme.css file:

.main-content{
margin-top:100px !important;
}

Thanks

[pawan987]

[Kinjaldavra]

hello @idashfun

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (min-width: 789px){
.template-product .main-content{
margin-top:100px !important;
}
}

[idashfun]

Dear Pawn,

Please advise which is the correct location to insert the code

Action>Edit>Themes

Layout or Template or Sections or Snippets to insert the code

Please advise.

Thanks and regards,

Ben

[idashfun]

Dear Natztech,

Thanks for your quick response, I am now at the theme.css file please advise the line sequence number to paste the cord

correctly.

Thanks and regards,

Ben

[Kinjaldavra]

hello @idashfun insert end of theme.css file

[pawan987]

Go to Online Store->Theme->Edit code then go to assets/theme.css

Thanks