Why are there two lines under my header instead of just one?
-
Why are there two lines under my header instead of just one? Makes it look messy.
The blog I need help with is: (visible only to logged in users)
-
The “double line” on madridenpoesia.com is likely a design conflict where both the Site Header and the Primary Navigation have their own bottom borders enabled simultaneously, creating a stacked effect. To fix this, head to Appearance > Customize and check the design settings for both your Header and Navigation menus; if you see a “Border Width” set to 1px in both places, simply change one of them to 0 to leave a single, clean divider. This can also happen if your theme is trying to display an empty Site Tagline area that has its own styling—unchecking “Display Site Tagline” in your Site Identity settings often removes the “ghost” line immediately. If your theme doesn’t provide a toggle, adding the simple CSS rule .site-header { border-bottom: none !important; } to your Additional CSS panel will force the extra line to disappear.
-
Hi there. Thanks so much for your patience.
I checked your site madridenpoesia.com, and I can see that the two lines under your header are coming from a Separator block that has been added in the Header template. That’s why it’s showing as a double line.
Here’s how you can remove it:
- Go to:
https://madridenpoesia.com/wp-admin/site-editor.php?p=%2F&canvas=edit - In the top-left corner, click the List View / Document Overview icon (the three horizontal lines).
- In the list of blocks, look for a Separator block under the Header section.
- Click on the Separator block to select it.
- Click the three dots and choose Delete.
- Save your changes.
That should remove the extra line and clean up the header.
- Go to:
-
- The topic ‘Why are there two lines under my header instead of just one?’ is closed to new replies.