Customize drop down menu on dawn theme's header

Shopify Discussion
1

hi, i have an issue with my header menu. i would like the “about us” on the other side of the page, and for some reason the menu bar is showing under when it shouldn’t. i would like the about us to be a click and direct link to the page and not a drop down menu at all but I cant figure out how to fix this! my website is pistakio.co

any help would be appreciated

header help.PNG
header help.PNG1717×325 58.9 KB

2

Hi, @francinevoit .

please can you share your store URL and password?

3

https://pistakio.co/

our store url is linked above! there is no password. thank you

4

Hi @francinevoit ,

You can try below:

  1. First, go to Themes => Edit code :

view (54).png
view (54).png1856×986 108 KB

  1. Find the base.css file in the Assets folder and add this code at the end of the file:
@media screen and (min-width: 990px) { 
  .header--has-menu {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
 }
  .header--has-menu header-drawer {
    position: absolute;
    display: none;
  }
}

As a result, we get the interface:

Desktop:

view (55).png
view (55).png1900×949 184 KB

Mobile:


view (56).png
view (56).png554×951 228 KB

Hope it’s useful to you @francinevoit !

1 Like
5

Hi, @francinevoit
Go to edit code search base.css file add this bottom

.header__icon--menu .icon {
    position: absolute !important;
    right: 20px !important;
    top: 19px !important;
    
}
6

Thank you so much! This worked perfectly on both interfaces. I appreciate your help :slightly_smiling_face: