Im on GP 1.7.8
I currently have 2 Elements set up.
1. Header to accomplish the transparent nav bar
2. Hook – To have my logo change after scroll
I am stuck at aligning my 2 right menu items to “float right” it currently pushes “Contact” up when float is set to “right”
Here is my css:
/*Main Navigation Padding */
.main-navigation
{
padding-top:20px;
padding-bottom:20px;
padding-left:40px;
padding-right:40px;
}
/*Navigation Logo Placements */
.main-navigation .navigation-logo img {
position:absolute;
left: 0px;
}
.home .navigation-logo.sticky-only {
display: none;
}
.home .navigation-stick .navigation-logo.sticky-only {
display:block;
}
.home .navigation-stick .navigation-logo:not(.sticky-only) {
display: none;
}
@media (min-width:769px) {
.main-navigation .main-nav ul li.nav-contact a {
background-color: #ffffff;
border: 2px solid #000000;
color: #000000;
line-height: 35px;
float:right;
}
}
Wonderful theme, just what I was looking for (and I looked at a zillion themes) but there’s one problem I can’t solve (customized other elements like excess space between site-header and content etc): the header-inner-top class will simply not remain sticky!
In desperation I tried practically every other class in that section, but nothing.
Could someone please help?! Thanks in advance
Regards,
kapush
P.S. I am using Zillah child theme using the Childify Me plugin.
P.P.S. I am not an expert coder – I understand CSS, that’s all.
I tried looking for this issue in the the rest of the forum but couldn’t find anything about it. Apologies if this is a duplicate post. I really love the plugin btw.
]]>Is it possible?
]]>Great plugin. Super simple to setup and use. I only have 1 major gripe however…
The hamburger menu icon on my site in mobile is in a fixed position. When you scroll down on mobile, the nav icon stays at the top right of the screen and looks odd when it’s on top of a lot of my content. I was hoping there was a way to keep the mobile nav icon at the top of my site when you scroll down.
Is this possible?
]]>