Center Hamburger menu on desktop Dawn theme

Store Design
1

Hello, I am trying to make everything in the footer on desktop look the same as mobile (stacked), what do I need to do?

example.jpg
example.jpg293×514 13.3 KB

2

@maxkj5 - can you please share your site link?

3

Sure https://sea-eo.com/

4

@maxkj5 - please add this css to the very end of your base.css file and check, should be like the screenshot below

@media screen and (min-width: 750px){
.footer__content-top .grid {flex-direction: column;     row-gap: 1rem;}
}

suyash1_1-1648055962277.png
suyash1_1-1648055962277.png1366×768 93.6 KB

5

Awesome thank you, I should’ve mentioned I would also like it centered

6

Hi @maxkj5

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css->paste below code at the bottom of the file:
@media (min-width: 750px) {
.footer__content-top .grid {
    flex-direction: column;
    row-gap: 1rem !important;
    align-items: center !important;
}
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

1 Like