sass to css in Magento 1.9

[sara_b]

Hello, 

I would like to change the background color on the mega menu on my Magento website.

on the inspector I have :

@media only screen and (min-width: 992px)
header-nav.scss:93
.main-menu {
position: relative;
top: 0;
width: 100%;
left: 0;
z-index: 99;
background-color: #000;
}

I went to the folder:

D:\wamp64\www\compu-house\skin\frontend\tm_themes\theme748\scss\layout\header-nacssv.s

and opened it 

inside I changed:

background-color: $menu-background;

to

background-color: #00427A!important;

thus now I have

.main-menu {
position: relative;
top: 0;
width: 100%;
left: 0;
z-index: 99;
background-color: #00427A!important;

&.isStuck {
z-index: 9990;

.nav .grid-full > li > a > span{
margin: 10px 30px;
}
.nav .grid-full > .parent > a > span:after{
top: 80%;
}
}
}

However now no matter how much I refresh the page , press CTRL + F5, flush the cache from magento -> System Cache Management. I cannot see the color changing to blue. I searched a lot but couldn't find a solution.

I then realized that the files i edited were scss files and not css (I have very low knowledge about scss files).

The big issue now is to convert edited scss files into css files. I tried: -scout -koala -npm sass

and in all cases the @import is failing and the css is messing up.

Is there a button to easily compile sass to css in magento or another way to do it that would not mess the css when it finds an @import?

[gelanivishal]

Hello @sara_b,

Can you please try to remove that .css file? Maybe it will compile from sass to css and your changes will be there.

--
If my answer is useful, please Accept as Solution & give Kudos

[sara_b]

I did as you suggested and now the website is taking forever to load .. waiting

[sara_b]

didn't work :/

[AQELTech]

Please drop me a PM and I shall take care of it for you.