[Resolved] Header and 1st Textblock

[Torsten]

Hi,
four problems:
– I’ve set Sticky Navigation “On”, but the menu is not sticky.
– When scrolling down I have a line/shadow below the header. How to get rid of that line?
– Is there a way to make the first textblock (Designberatung, email and phone number) sticky underneath the header? Or is there another way to integrate that text inside the header?
– I’ve set the SlideOut Menu to 365px width and need to set a right-padding for the menu items
Can you help?
Thanks ahead,
Torsten

[David]

Hi there,

the site has a div.custom-fixed-header that is wrapping the site header – Its not standard and its most likely related to the non-sticky action.

Where does that come from ?

lets see if we can fix the sticky issue first.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Torsten]

I tried deactivating the installed PlugIns to see if it’s caused from one of them.
Nope, that’s not the case…
I added you with an admin account, in case that helps, details below.
best,
Torsten

[Fernando]

Hi Torsten,

You’re using a modified version of the theme. Can you try using the original GP theme to test?

[Torsten]

Hi Fernando,
I downloaded the GeneratePress-Theme from WordPress, deleted the old parent theme folder and uploaded the new themefolder via ftp.
No changes so far.
best,
Torsten

[David]

If you Right Click -> Inspect the page, after the body open tag ( and all those SVGs that WP likes to add ) you should see the: custom-fixed-header div

If you disable the child theme – does that element remain?
if it does then i assume its coming from a plugin , which could be determined by disabling those.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Torsten]

Hi David,
the plugin causing the custom-fixed-headerdiv is GP Premium…
This was yesterday pretty much, for obvious reason, the only plugin I didn’t deactivate.
best,
Torsten

[David]

Ah, in Elements -> Legacy Hooks, there are two hooks, Before Header and After Header containing the HTML for that div.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Torsten]

Hi David,
okay, I deleted the hooks (which I never set) and would like to come back to my initial questions:
– When scrolling down I have a line/shadow below the header. How to get rid of that line?
– Is there a way to make the first textblock (Designberatung, email and phone number) sticky underneath the header? Or is there another way to integrate that text inside the header?
– I’ve set the SlideOut Menu to 365px width and need to set a right-padding for the menu items
Can you help?

[David]

Theres the generate_after_primary_menu hook, that you could use to add other content inside the inside-navigation div. Then it would be part of the sticky nav too. If you want to add the content there, i can assist with the CSS to position it.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Torsten]

Hi David,
I’ve set up the generate_after_primary_menu hook and put in text but I would need your help to find my way to aligning the content with the header (Websitetitle) and keeping it fixed when scrolling.
Btw, I tried using Customizer / Site Identity – but ticking “Hide Site tagline” doesn’t change anything.
I was hoping to add the tagline to the header from there, or would it easier to use a header image instead.
best,
Torsten

[Torsten]

Hi,
just pushing my last message for review.
best,
Torsten

[David]

sorry we missed your last reply.
I messed up its inside the mobile header we need – try this hook generate_inside_mobile_header

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Torsten]

Hi David,
with generate_inside_mobile_header the element is only displayed on mobiles, I used generate_after_header instead, now it’s displayed on all devices / screensizes below the website title. Or am I wrong?

Now the header (Websitetitle) and element (4 lines in total) should be sticky.
For left-aligned with the first textblock / headline below (Über mich) on all devices, I know I’ll have to work on the layout, setting full width for row / contained for content.
best,
Torsten

[David]

Ok, i made an update to your Hook:

i changed the Hook to: generate_after_primary_menu and its priority to 40 so the HTML is printed after the other nav items.

I wrapped the HTML in a div.nav-content

If you add this CSS to make it align to the bottom row:

.nav-contact {
    order: 50;
    flex: 1 0 100%;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts