0

I'm assisting someone on migrating a website and they wanted to remove a link from their nav bar. I inspected the element, found it in the css file and removed it with display:none but now it's just gone and everything else is static so there's a big blank space. Here's a picture:

enter image description here

I'm not a master at CSS, but is there a quick fix for this, or should I inspect each element and just move it over to the left?

UPDATE:

Before picture - with the retailer location link active

enter image description here

URL - Velvetfinishes.com

UPDATE 2:

Here is the css code currently after taking visbility:hidden out of clearfix:

.clearfix:after /* force a container to fit around floated items */
{
content: "\0020";
/*visibility: hidden;*/
display: block;
height: 0;
clear: both;
}
Geoff_S
  • 4,917
  • 7
  • 43
  • 133

1 Answers1

1

There is a clearfix class on this element which adds a pseudo element that has visibility: hidden which leaves blank space, which is the problem. You should remove the clearfix class from that div

ADDITION:

I just realized that all menu DIVs have position settings, for example the next one (#u2940) has left: 504px. If you change that to 362px, it moves to the left and fills the gap. And similarly for the other subsequent ones. You'll have to find the values by trying them in the inspector.

That's some rather strange CSS, I wonder why they did it like this...

Johannes
  • 64,305
  • 18
  • 73
  • 130
  • From the whole navigation div? What would be the best way to remove that class? – Geoff_S May 09 '17 at 17:10
  • I'm sorry, I'm just trying to replicate what I'm doing in the inspector – Geoff_S May 09 '17 at 17:11
  • I'm updating code with my css, i just removed the visibility attribute from the clearfix class in one of my css files but same issue – Geoff_S May 09 '17 at 17:14
  • no, only remove the `.clearfix` class itself from the `div` tag that has ID `u2968` – Johannes May 09 '17 at 17:16
  • Hmm, I'm sorry I'm not able to find clearfix attached to it in any of the CSS. I do see what you mean in the inspector though – Geoff_S May 09 '17 at 17:21
  • 1
    hmm, I didn't mean the CSS, I meant the HTML, but I am afraid you can't change the HTML? Otherwise you would have simply deleted that tag... - wrong thinking from my side - I'll think a bit more about it... – Johannes May 09 '17 at 17:24
  • 1
    please note the addition to my answer – Johannes May 09 '17 at 17:32