Sticky header using Debut (both logo and menu bar are centered)

Store Design
1

Hi,

Does anyone know how to edit the code for the debut theme for sticky header? Having the logo and menu bars are the center? 'Coz I tried the suggestions before but the codes do not apply when both the logo and menu bars are at the center.

Hoping for you kindness to answer my question.

Thank you in advance.

2

Hi @ninja_nthgrade ,

Could you share your store URL?

3

@ninja_nthgrade ,

Share the store URL.

4

Sorry but my website is still not published.

5

You can share a preview URL

6

https://fcwtjlepapruxk6i-58342015156.shopifypreview.com

7

Hi, please go to our Shopify admin > Online Store > Themes > Current theme > Actions > Edit code > Assets > theme.css.liquid and add those code at the bottom

#shopify-section-header {
width: 100%;
position: fixed;
z-index: 99;
background: #fff !important;
}
.page-container {
padding-top: 196px;
}
@media only screen and (max-width: 600px) {
padding-top: 79px;
}
1 Like
8

Oh my! And just like that, you did it!

Thank you so much, DanBim! Thank you for the help since I really do not know coding.

Please click the link for your preview:

https://fcwtjlepapruxk6i-58342015156.shopifypreview.com

Amazing!

Again, thank yooou so much!!! :slightly_smiling_face:

1 Like
9

Happy I could help!

1 Like
10

I found the code has an issue, please update this code

@media only screen and (max-width: 600px) {
padding-top: 79px;
}

to this

@media only screen and (max-width: 600px) {
.page-container {
padding-top: 79px;
}
}
1 Like
11

DanBim?

Can I ask your help once again about contact forms?

12

Can I help you?

13

I just want to ask for your help in my “Contact Us” form for Debut theme regarding the following:

  • How can I add borders in the sections for the input of information of the customers?
  • How to require each to add an input per section? (like adding the ‘*’ symbol)
  • How to add an option to upload images and videos?
  • How to add an dropdown options?

For the intention to add/include the Contact and Return & Refund forms in the website.
Hoping for you kind consideration on these.
Thank you in advance.

14

Hi,

https://community.shopify.com/c/shopify-design/add-required-to-contact-form-fields/td-p/615938

1 Like
15

Thank you so much! I really appreciate the help and effort.

I guess that’s all :slightly_smiling_face:

1 Like
16

Welcome!