Hi Hafsa.

Without having the page with the CSS on my end is difficult to be sure.

But it seems that the menu's width was changed and you're seeing a line in shades of black because the styles were overridden.

Inspect the elements on your browser's  developer tools to check which classes are overridden. 

Hi Goncalo,

Thanks for replying. I got the answer for that. . You were right I was getting a shadow in my app's menu .I did this In 

.app-menu{

SyntaxEditor Code Snippet

box-shadow: none !important;

}

And got rid of that line.

Hi Hafsa.

Good to know you found the issue.

However, as a best practice, you should avoid the usage of !important.

You can, for instance, enclose the element with a div, give a class to that div, and then write that fix based on that hierarchy.

Image the div A with class .YourParentClass and the menu with the common .app-menu class.

You could have something like:

.YourParentClass .app-menu{box-shadow: none;}

It would be more elegant and specific for your application.

Cheers,

GM