Why is my Dawn theme menu bar not responsive?

[carlopia1980]

The menu bar is not responsive when menu bar shrink the menu list has been cutting off. Refer to the video please. Also the mobile menu is not working also. This is the site url https://appliednutrition.uk/

[Wholesalehelper]

Hi, @carlopia1980 

Greetings from the Wholesale Helper Support Team! Happy to help you today.

1.  Go to online store > theme > Edit code > Assets > custom.css (file) and  Paste the below code at the bottom of the file -> Save

@media only screen and (min-width: 992px) and (max-width: 1325px)  {
  .navbar-expand-lg .navbar-nav {
     flex-wrap: wrap;
  }
}

2.  After adding the above CSS, it looks like this-

Let me know If need further assistance

Regards,

Wholesale Helper Support Team

[Wholesalehelper · Accepted solution]

Hello, @carlopia1980 

Greetings from the Wholesale Helper Support Team! Happy to help you today.

1.  Go to online store > theme > Edit code > Assets > custom.css (file) and  Paste the below code at the bottom of the file -> Save

@media only screen and (min-width: 992px) and (max-width: 1325px)  {
.navbar-expand-lg .navbar-nav {
    flex-wrap: wrap;
}
}

2.  After adding the above CSS, it looks like this-

Let me know If need further assistance

Regards,

Wholesale Helper Support Team

[carlopia1980]

Thank you so much! It works like charmed!!

[Wholesalehelper]

Hello, @carlopia1980 

Greetings from the Wholesale Helper Support Team! Happy to help you today.

1.  Go to online store > theme > Edit code > Assets > custom.css (file) and  Paste the below code at the bottom of the file -> Save

@media only screen and (min-width: 992px) and (max-width: 1325px)  {
.navbar-expand-lg .navbar-nav {
    flex-wrap: wrap;
}
}

2.  After adding the above CSS, it looks like this-

Let me know If need further assistance

Regards,

Wholesale Helper Support Team