static header bar is not working anymore. please check and fix it.

[devopstoday11]

when scrolling the pages today, I noticed that the static header bar is not working anymore. please check and fix it.

Also, can you give me screenshots for this - If I want to change header bar colors, which file and where to change it?

@tfsojon

[tfsojon]

@devopstoday11 Please review this PR - #67 and let me know

[devopstoday11]

@tfsojon
I can see the static header bar now. But the header bar color is not consistent for all pages. Please check it. For Platform & Open Source pages header bar color is white; please change it to the same color as on the home page and check all pages once before submitting the PR.

[tfsojon]

@devopstoday11 Done

@tfsojon I can see the static header bar now. But the header bar color is not consistent for all pages. Please check it. For Platform & Open Source pages header bar color is white; please change it to the same color as on the home page and check all pages once before submitting the PR.

[devopstoday11]

@tfsojon header bar color looks fine, but both the primary and secondary header bars' vertical height is too much. How can I reduce that?

[devopstoday11]

This issue still exists. Just letting you know so that you don't confuse with the merged status showing in the above auto-comment.

#64 (comment)
@tfsojon

[tfsojon]

By adding this bottom of your _navigation.scss file

.navigation-alt .navbar {
  padding-bottom: 2px;
}
.navigation-bottom .navbar {
  padding-top: 2px;
}

[devopstoday11]

@tfsojon
when can you make this change regarding the secondary header bar menu items? How they show up depends on the scrolling. as shown in the sample screenshots.

Before scrolling

After scrolling

[devopstoday11]

@tfsojon , also please make header bar little bit more slim (reduce vertical height). I think you can reduce 1/4th of the size.
Indicated what I meant by vertical height in this screenshot,

Reduce that vertical height by 1/4 th.

[devopstoday11]

@tfsojon,
there is a difference between local and live website dropdown items' appearance.
This is how drop-down items look in my local -

But on the Netlify hosted live website, it doesn't look the same. it looks like this -

Even the text is not correctly visible in that dropdown item.

Why is the difference? What might be the cause?

[devopstoday11]

I wasn't able to figure this. When I added that code to the file and saved and reloaded my local site, I did not see any size changes in both primary or secondary header bars. I tried different number, but still no luck.
@tfsojon
I explained what I wanted in the above, with screenshots, regarding the header bar vertical size.
here - #64 (comment)

[tfsojon]

Ok I'm checking.

[devopstoday11]

@tfsojon,
please modify the header bars' shape a little bit. Currently, both header bars are horizontally in full length.
Make them smaller in length with curved edges and leave an equal amount of space on both sides.
Showing a sample in the screenshot.

[devopstoday11]

@tfsojon , I added many items above; please work on them all.

[tfsojon]

when the scroll amount is ((header-top-height + header-bottom-height) * 2) that moment the secondary header bar showing.
I have to do this because, we have our brand logo on the left side on bottom header.

@tfsojon when can you make this change regarding the secondary header bar menu items? How they show up depends on the scrolling. as shown in the sample screenshots.

[tfsojon]

@tfsojon , also please make header bar little bit more slim (reduce vertical height). I think you can reduce 1/4th of the size. Indicated what I meant by vertical height in this screenshot,

Reduce that vertical height by 1/4 th.

After my push you will be able to change the vertical height by changing the padding value in _navigation.scss file.

[tfsojon]

@tfsojon, there is a difference between local and live website dropdown items' appearance. This is how drop-down items look in my local -

But on the Netlify hosted live website, it doesn't look the same. it looks like this -

Even the text is not correctly visible in that dropdown item.

Why is the difference? What might be the cause?

Not really sure now. but I think for the hugo version on the netlify setting. Updated hugo version on chandu branch. you can check after my PR.

[tfsojon]

@tfsojon, please modify the header bars' shape a little bit. Currently, both header bars are horizontally in full length. Make them smaller in length with curved edges and leave an equal amount of space on both sides. Showing a sample in the screenshot.

I will look odd.

ex: in homepage

ex: in compage page

@devopstoday11 what do you think?

[devopstoday11]

@tfsojon, please modify the header bars' shape a little bit. Currently, both header bars are horizontally in full length. Make them smaller in length with curved edges and leave an equal amount of space on both sides. Showing a sample in the screenshot.

I will look odd.

ex: in homepage

ex: in compage page

@devopstoday11 what do you think?

It looks good, when the banner horizontal size and header horizontal size are matching. @tfsojon

Another option which I saw is in your delta template. I just checked it. Your template style is good.
I like to see the header bar (both primary and secondary) in the banner area itself as it was in your "delta template" ; and with that same style, can you still make the header bar sticky when scrolling is done?

Note:- In your template, above the banner area, there is too much empty space. Reduce it, as I showed in the screenshot. And, this header bar change is not a priority now. You can do this after finishing all other changes requested. @tfsojon

[devopstoday11]

@tfsojon
How to get the name next to the logo where I pointed in this screenshot?

In the below screenshot, see how "Compage" is visible next to Compage's logo. I want this please.
https://user-images.githubusercontent.com/59978378/229942503-8e045db2-b3e4-4e5f-94ba-f62e68c3c425.png

[tfsojon]

added logo text-option here - #76

In the below screenshot, see how "Compage" is visible next to Compage's logo. I want this please. https://user-images.githubusercontent.com/59978378/229942503-8e045db2-b3e4-4e5f-94ba-f62e68c3c425.png