Small css correction issue

I would like to ask how can I remove the spacing between the menu and the image, for a better idea, I have attached a screenshot to see where the spacing is and the website link:


It will be a good idea also to expand the image until it reaches the menu with css?
Who is Participating?
Pavel GushchinProgrammerCommented:
simply remove from orderrating.css this lines:
.container {
	margin-bottom: 2% !important;

Open in new window

Chris StanyonCommented:
You have a rule in your orderrating.css file that set's the bottom margin on the .container class to 2%. You have 2 elements between your menu and image that have this class, so that's where the gap is coming from. Probably doesn't make sense to remove the margin from .container in general, but to override those 2 specific instances with a rule like this instead:

.header-bottom .container, #notifications .container {
    margin-bottom: 0px !important;

Open in new window

thebest8Author Commented:
thank you everyone
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.