[Support request] Oversized hook item in header (and random white line)

[Patrick]

Hi there,
I thought I should close my previous support ticket as you had answered all those questions.

See: http://www.planetpatrick.net – and the header in particular.

With your kind help, we fixed many layout problems already. However, the two new elements which are hooked into the top right (social media icons and search bar) seem to be stretched vertically. I can’t see where I can re-set this to normal (I did not set them to this size).

Is this a CSS fix? There is also a very fine white line appearing above these two hook blocks – any thoughts on what might be causing this?

I can’t tell you how great this support has been.

Patrick

[David]

Hi there,

id did reply to the height issue here:

https://generatepress.com/forums/topic/header-layout-issues-menu-float-right-with-header-widget/#post-2324492

For reference this is the CSS:

.menu-bar-items :is(input, a) {
    line-height: 1em;
}

And then for the underline issue add:

.main-navigation .menu-bar-items ul li:after {
    display: none;
}

[Patrick]

Thank you David!
I’m applying the CSS while away from my main computer on an iPad, and the white line remains.

I’ll check on a desktop asap and revert.

I’m adding these CSS snippets using Simple CSS.

Patrick

[David]

I checked your site. And the CSS looks to be working for both issues.

Could be your browser or router or ISP cache thats showing you the old styles.

[Author]

Posts