Moving Cart & Search inline with Menu Bar, and change background colour behind text in Debut Theme

Store Design
1

Hi,

I have a few of things I need help with.

  1. I would like to move the cart and search icons to be in line with my menu bar while still keeping my menu bar centred to the whole page, is this possible?

  2. How do I change the weight of these icons? They are too thick and don’t match my branding.

  3. I want to put a second line in above the menu bar and to change the colour of the line to #CEDDD7

  4. And finally, Is there a way to put a background colour behind the Image and text section? I want the colour to be the same height as the image and to be able to use different colours each time I add this section.

Here are a couple of screenshots of what I mean.

header design.JPG
header design.JPG2497×407 41.8 KB

Image & Text adjustment.JPG
Image & Text adjustment.JPG2527×827 179 KB

Thanks for your help!

Mardi
Mardiellendesigns.com.au

ps. My site isn’t live yet, still designing it.

2

hello @MardiEllen

can you please share your preview URL of store that do want to changes

3

Hi @Kinjaldavra ,

Here is the preview link

https://33jbgdtq37x6vcdn-55047422210.shopifypreview.com

Mardi

4

hello @MardiEllen

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

.site-nav  {
    background: #ceddd7;
    border-top: 1px solid #828d88;
    padding: 20px 0px;
    margin-top: 9px;
    margin:  0px;
}
.btn--link.site-header__icon.site-header__search-toggle svg ,.site-header__icon.site-header__cart {
    stroke-width: 2;
    stroke: black;
}
5

Thank you @Kinjaldavra ,

The line worked and is just what I want besides that it is slightly too high, I’d like to have a bit more margin between it and the bottom of my logo.

The code for the cart and search worked but incorrectly, if anything they look thicker now. Is there a way to have them be only 1px thick to match the width of the lines? And to get them in line with the nav bar?

Thank you,

Mardi