Minor header and footer customization in Dawn Theme

Store Design
, , ,
1

Hi!

I was wondering if someone could help me with a couple of edits on both the header and footer. I’ve been going back and forth with the Shopify community trying to find answers but I can’t seem to find one.. Any help would be appreciated! I’m using the Dawn theme btw.

Footer customization

  1. Add text below the image/logo and a newsletter sign-up on the 4th row without ruining the alignment.
    I tried adding the newsletter but it’s either located below the navigations (default), or the navigations will overlap with each other (when I do the coding).

footer
footer2518×632 49.8 KB

  1. Center align the navigations on Mobile and adjust navigations to be a little bit closer to each other.

mobile footer
mobile footer402×794 23.7 KB

Header customization

  1. Transfer the Search bar inside the Drawer Navigation Menu on Mobile (right now it’s currently below the header)

mobile header
mobile header414×794 32.6 KB

Any help is certainly appreciated. Thank you so much in advance!

Here’s the preview link to the store btw: https://z0dvxvtjvk1xymt6-66906194210.shopifypreview.com

2

For Footer Menu In Mobile

@media only screen and (max-width: 765px) {
       footer h2.footer-block__heading {
           text-align: center;
       }
       footer ul li a {
           text-align: center;
           display: block;    
           padding-top: 0.5rem;  
           padding-bottom: 0.5rem;
       }
}
3

Thank you so much! Appreciate it!

4

You didn’t apply the whole code. because Spacing is Not Proper https://prnt.sc/0dIBw52AZF2j

I give you this code with padding: 0.5rem

@media only screen and (max-width: 765px) {
       footer h2.footer-block__heading {
           text-align: center;
       }
       footer ul li a {
           text-align: center;
           display: block;    
           padding-top: 0.5rem;  
           padding-bottom: 0.5rem;
       }
}
5

For Other Designing Work, We need your Webstore Code then I will give you perper suggestions. for Search box you need in Mobile Main menubar

6

That issue Didn’t understand because i check your whole website no News letter comming

Footer customization
1. Add text below the image/logo and a newsletter sign-up on the 4th row without ruining the alignment.
I tried adding the newsletter but it's either located below the navigations (default), or the navigations will overlap with each other (when I do the coding).
7

Thanks!

8

Which webstore code do you need? Header.liquid or base.scss?

9

Oh it’s because I turned off the newsletter for now since the placement is bad. Should I turn it on?

10

Today you turn it on then I will try to fix your newsletter issue.

11

Just turned it on. It should be there by now

12

Oh yeah, thanks for the immediate response!

13

Oh yeah, I turned the newsletter off for now because it doesn’t really fit the look due to its location. Do I have to turn it on?

14

Okay, which part of the code do you need? header.liquid or base.scss?