Having problem with stickyMenu at HomePage

If you change the Z-index setting for the “nav header” element (in the plugin settings) a value of 2 or higher, the issue should be fixed.

I’m not really sure what you mean by the second question, can you elaborate please?

Thank you! ??

Unfortunately i find out about one more issue, but didn’t notice that at first. When users are not logged in, the stickyMenu won’t stick in right order. The link of website is: https://www.nadji-ekipu.org so you can see and i would appricieate if you could help me with this because i would like to use your plugin in future. Thank you in advance.

As I can’t log in to your site, I’m not exactly sure what you mean, but I assume that the problem is that the admin bar at the top for logged in users is overlapping the menu bar?

If that’s the case, the easiest way is to give the sticky element a bit more top offset, like 30 pixels or something.

If I misunderstood the question, please let me know.

View post on imgur.com

Here’s the screenshot of my website and i meant how stickymenu isn’t sticked right on the top of page.

It can be made sticky at the top of the page, but then it will also be overlapping (or being overlapped) by the admin menu if the user is logged in.

The simplest way to avoid this is to set the top offset to 0 (it’s currently set to 20) and add this CSS to your site:

body.logged-in .cloned {
    margin-top:32px !important;
}

@media screen and (max-width:782px) {
    margin-top:46px !important;
}

That way, the menu will be stuck at the top of the screen when the user is NOT logged in, and stuck at the bottom of the admin bar when the user IS logged in.

I’m using rookie theme and i’m not familiar with css a lot, but i guess that here i need to put those lines of codes?

/*————————————————————–
5.2 Menus
————————————————————–*/
.main-navigation {
clear: both;
display: block;
float: left;
width: 100%;
}

.main-navigation .menu-toggle {
width: 100%;
border-radius: 0;
}

.main-navigation ul {
list-style: none;
margin: 0 0.625em;
}

.main-navigation li {
float: left;
position: relative;
margin: 0;
}

.main-navigation a {
display: block;
padding: 0.625em 10px;
font-size: 14px;
}

/* Nested menu */
.main-navigation ul ul {
float: left;
position: absolute;
margin: 0;
top: 2.4375em;
left: -999em;
z-index: 99999;
}

.main-navigation ul ul ul {
left: -999em;
top: 0;
}

.main-navigation ul ul li {
width: 100%;
}

.main-navigation ul ul a {
min-width: 200px;
}

.main-navigation ul li:hover > ul {
left: auto;
}

.main-navigation ul ul li:hover > ul {
left: 100%;
}

/* Small menu */
.menu-toggle {
display: none;
}

.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
margin: 0 0 1.25em;
overflow: hidden;
}

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}

@media screen and (max-width: 600px) {
.menu-toggle,
.main-navigation.toggled .nav-menu {
display: block;
}

.main-navigation ul {
display: none;
}
}

Technically, you can put it anywhere you like. I would just add it at the bottom of style.css.

Please note that if you ever update the theme, your changes will be overwritten. The best way to go about that is to use a child theme instead (see ) but I understand that may be overwhelming at first.

If you decide not to use a child theme, make sure to put the CSS code back every time after you update your themes/plugins.

I have already set up a child theme.

Thank you for your support and for your plugin.

My apologies, I did not want to come across as condescending or anything. Glad you’re using a child theme anyway! In that case — just add the CSS code at the end of your style.css file and you should be good to go.

@dule95d — can you please contact me through my form on https://www.senff.com/contact ?

I have a beta version available for this plugin with the functionality you need and I’d like you to test it for me.

Thanks!

Hello,

I sent you a message there. I would love to test it for you.