Problem with Newly added dropdown menu

[vijaypolimeru]

Blod Address : https://vijaypolimeru.github.io/myblog/

I have added a new dropdown menu to the theme, but some how it is going behind the logo. I tried with z-index postions etc. Surprisingly, when I reduce the screen size to mobile size it is coming as expected on top of the logo, even if I go back to original screen it works as expected. However, when I refresh the browser, then the dropdown menu is going behind the site-logo. Can anyone help understand this problem

please let me know, if any further details are required

[mmistakes]

You'll need to customize the CSS as well.
Try giving .site-nav the following CSS so it's relatively positioned above everything.

.site-nav {
  position: relative;
  z-index: 2000;
}

[stale]

This issue has been automatically marked as stale because it has not had recent activity.

If this is a bug and you can still reproduce this error on the master branch, please reply with any additional information you have about it in order to keep the issue open.

If this is a feature request, please consider whether it can be accomplished in another way. If it cannot, please elaborate on why it is core to this project and why you feel more than 80% of users would find this beneficial.

This issue will automatically be closed in 7 days if no further activity occurs. Thank you for all your contributions.

[vijaypolimeru]

You'll need to customize the CSS as well.
Try giving .site-nav the following CSS so it's relatively positioned above everything.

.site-nav {
  position: relative;
  z-index: 2000;
}

Hi, I tried adding the suggested css, but it did not work. Please open the dropdown menu on the home page (here), Both the dowpdown menu and the card are from bootstrap 4.2.1 (BS4).

Somehow, the BS4 drop-down menu is going behind the BS4 card. Could you please help me place the dropdown menu always on top.

[mmistakes]

@vijaypolimeru For CSS support reach out on Stackoverflow.