Left Justification for Menu Items

hey calgarytech

Add this CSS code into style.css file or you can also add into your additional CSS from theme customizer.

#header ul li .sub-menu li#header ul li .sub-menu li {
  text-align: left !important;
}

I hope it will helps you.

Dear @calgarytech
please try the solution @snehalb890 gave you!

Thanks @snehalb890

Thanks but that did not work. My custom CSS now looks like:

#header ul li .sub-menu{width: 360px !important;
}
#header ul li .sub-menu li .sub-menu {
width: 360px !important;
top: -3px;
left: 100%;
}
ol li , ul li {
line-height: 15px ; }
#header ul li .sub-menu li#header ul li .sub-menu li {
text-align: left !important;
}

This is not a crisis if I cannot set it as left justify, but I would prefer it if the change is not too onerous.

Also, I see this item is marked as resolved. I did not set the flag so it would be best for whomever did to remove it.

Thanks.

• This reply was modified 6 years, 4 months ago by calgarytech.

Dear @calgarytech am I sorry I hit the “resolved” tag however I though that by “Left justification” you mean to align the text left.
In order to do so you only have to add this line of code:

#header ul li .sub-menu li{text-align: left !important;}

These lines here are wrong I guess
#header ul li .sub-menu li#header ul li .sub-menu li {.....

Fantastic! Thanks… it is definitely resolved now ??

Oh I am glad it is solved!
Cheers!

@archimidism