How to Set my Mega Menu on Dawn Theme to be Right Aligned?

Store Design
, ,
1

Hi, I’ve been trying to move this mega menu to be right aligned, i’ve tried other css codes and none of them seem to work. Can anyone please help?

I had this code to increase the width of my header to give space to fit all my elements. Not sure if this info helps.
.header {
width: 100%;
max-width: 100%;
}

Untitled.png
Untitled.png1920×791 237 KB

The website is: https://boconceptcontract.com.au/

1 Like
2

Hi,

Your site is password protected please provide password.

Thank you.

3

Hi @jasondane ,

Please provide password to view your store

Screenshot 2023-04-21 at 14.08.45.png
Screenshot 2023-04-21 at 14.08.45.png1207×579 17.4 KB

4

Hi @jasondane ,

Can you provide your storefront password

5

stabra

6

Hi @jasondane

Add this CSS code
Online Store > Themes > Edit code > Assets > custom.css or theme.css

@media screen and (min-width: 990px) {
  .header--middle-left {
    grid-template-areas: "heading icons navigation";
    grid-template-columns: 1fr 1fr 1fr;}
}
7

Please add this code at the bottom of your base.css file

@media screen and (min-width: 990px){
.header--middle-left {
    grid-template-areas: "heading icons navigation" !important;
}
.header__inline-menu { text-align: right; }
}
1 Like
8

@jasondane

Please add this code at the bottom of your base.css file

@media screen and (min-width: 990px){
.header--middle-left {
    grid-template-areas: "heading icons navigation" !important;
}
.header__inline-menu { text-align: right; }
}
1 Like