How move the "contact us" page from the menu to the header - Craft theme

Store Design
1

Hello,

I would like to put the page “contact us” directly in the header as now I have it in the menu.

The web is: https://esmeraldaecostore.com

Thank you for the help.

Screenshot.png
Screenshot.png1004×354 27.6 KB

2

Hi @EsmeraldaEco ,

May I know that you want to add Contact us as a button on Header right?

Like this: https://prnt.sc/CHrdigHpswyb

3

Yes, a button can also be a solution. I would like to put it more at the top, on the header.

4

Can you show me the position that you want to add please?

5

Somewhere here:

Screenshot.png
Screenshot.png1004×354 41.3 KB

6

Hi @EsmeraldaEco

I hope you are well. You can follow our instructions below:

Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
Step 3: Copy the code below and paste it there

Here is the code for Step 3:

@media screen and (min-width: 768px){
nav.header__inline-menu ul.list-menu.list-menu--inline > li:last-child {
    position: absolute !important;
    top: 27%;
    right: 20%;
}
}

image (3).png
image (3).png1266×807 83.9 KB

Please let me know if it works. Thank you!

Best,

Daisy - Avada Support Team.

1 Like
7

It’s perfect! Thank you so much for your help!

1 Like