Adding small icon in main menu - Dawn Theme

[NocturnalGrow]

Completely new to Shopify and I dont know how to code.

I am just starting to build out my page and was inspired by this site. (dirtylabs.com) 

they have a few things in their design that i would like to do but seems very difficult to accomplish.

1 - they have their logo icon as a menu item that links to the home page.

I've searched youtube endlessly and still cant figure it out. please help me.

is there simple code that i can add somewhere that actually works and that isnt for a sub menu?

2 - in the hero section, they are able to limit the width of the copy to only occupy a third of the image area.

what do i need to do to be able to modify the dimentions of text boxes in shopify builder?

[shreyhweb]

Hello, I hope you are doing well.

I didn't understand your requirement can you please explain me by screenshot or video. Then we will help you to solve issue.

Thank you

[NocturnalGrow]

www.nocturnalgrow.com

i want to put the image i use fro my favicon to the left hand side of Shop.  and when a person clicks it, i would like it to link to the home page for now.

[NocturnalGrow]

www.nocturnalgrow.com

i want to put the image i use fro my favicon to the left hand side of Shop.  and when a person clicks it, i would like it to link to the home page for now.

[DaisyVo]

Hi @NocturnalGrow 

Please share the link to your store along with screenshots of the specific sections you mentioned so I can review them in detail.

Best,

Daisy

[NocturnalGrow]

www.nocturnalgrow.com

i want to put the image i use fro my favicon to the left hand side of Shop.  and when a person clicks it, i would like it to link to the home page for now.

[NocturnalGrow]

[DaisyVo]

Hi @NocturnalGrow 

In order to fulfill your request, please follow these steps

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code
Step 2: Search file theme.liquid

Find this code and change the image link into this href https://prnt.sc/GlK_38oXPeYE 

After that, please follow these steps:
Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
Paste the code provided into the Custom CSS section.

@media screen and (min-width: 768px){
header.header {
    grid-template-areas: "heading navigation icons" !important;
}
}

Here is the result: 

 

I hope this helps

Best,

Daisy