Small css correction issue

Hello,
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:

varpix


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

Open in new window

1
 
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

1
 
thebest8Author Commented:
thank you everyone
0
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.