[Resolved] Make Conditions for showing a sticky secondary nav? And how to center site title

[Rose]

My current secondary nav shows on every single page
1. How do I set conditions for it to show only if a user has either 1. clicked “ANGEL IN BONDAGE” on the top nav when coming from a different page, or 2. Is reading any of the pages in the 2nd nav’s dropdown (do I need to label these as subpages? They’re only subitems in the nav widget but maybe this is necessary for this purpose)? It shouldn’t show when a user clicks “SUPPORT ME”, for example.

For example, Wattpad has the second nav as I’d like it: https://www.wattpad.com/692583422-angel-in-bondage-ch-2-part-2-resurgence

2. How do I make the second nav stick as they scroll?
3. Finally, the mobile ver has problems – it collapses into “tooManyClicksOnMobile” as you’ll see on site..I just want it shown like on Wattpad. Are there other options for me to do this as I’d like it?

Three questions above all relating to this.

Finally, regarding my site title:
The site title image (logo) isn’t centered on desktop even though it’s fine on mobile – there is a slight skew to the left on desktop, but it’s obvious. How do I make it centered?

I’m wondering if the social media plugin I’m using on my site is doing this skew – even if it is, I need to keep it.

Thanks!

[David]

Hi there,

1. Simplest method would be to use the Layout Element to Disable the Secondary Navigation:

https://docs.generatepress.com/article/layout-element-overview/

You can set the Display Rules > Location –> Entire Site and the Exclusions -> to the pages you want it to be displayed.

2. Add this CSS:

#secondary-navigation {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

3. This document explains how to disable the Mobile version of the Secondary Navigation:

https://docs.generatepress.com/article/disable-secondary-navigation-mobile-menu/

4. the Logo – yes the Header Widget is knocking it off center. You can add this CSS to absolutely position the logo:

@media (min-width: 769px) {
    .inside-header {
        position: relative;
    }
    .site-logo {
        position: absolute;
        top: 40px;
        left: 50%;
        transform: translateX(-50%);
    }
}

[Rose]

Thanks for the above, I managed to just drop the CSS into the “additional css” instead of adding any widgets for #3.

1. I am wondering how to fix my dropdown now, the width of the dropdown items is not the same as the width of the dropdown title for the 2nd nav. Please let me know how to fix that, as well as

2. how to make the 2nd nav’s title un-expand if clicked on twice (if opened by accident on the first click, it stays open).

3. how do I get rid of the “powered by generatepress” at the footer?

Thanks

[Tom]

Hi there,

1. Maybe this will help?: https://generatepress.com/forums/topic/submenu-auto-width/#post-343513

2. You can disable this with CSS, but it will make it so people using keyboard navigation won’t be able to access the sub-menu. It will make the sub-menu non-accessible to anyone not using a mouse.

3. This should help: https://docs.generatepress.com/article/changing-the-copyright-message/

[Rose]

1. didn’t work, I tried both versions of the code in “Additional CSS” and neither worked. I won’t be doing (2.) for the reason you stated then.

Please let me know something else to try, thanks.

[David]

Try adding this to make the submenu the same width as the parent item:

.secondary-navigation ul ul {
    width: unset !important;
}

[Rose]

Thank you, that works!

When I disabled the second nav earlier in my very first question, does this (or anything else I did) add significantly to my “render blocking resources”? I checked my site on Google’s PageSpeed Insights and since doing these things, my score on mobile dropped from around 97 to 74.

I keep my plugins etc. clean and minimal, so I wonder how to get the speed back up into the 90’s, which was why I chose this theme to begin with – do let me know what I can do. Clicking the dropdown for “render blocking resources” on https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fagentrosehq.com%2F&tab=mobile
will show the URLs I can save on, let me know if there’s anything else I can do besides that too.

Also, how do I check what changes/disappears, if anything, if I don’t renew my license? Do I lose the ability to customize etc to the extent that I can now?

[Tom]

Hi there,

Disabling your secondary navigation shouldn’t have any effect on those scores at all. Render blocking resources are CSS/JS files in the <head> of your website.

A valid license key gives you access to updates and this forum. Letting it expire won’t remove any of your existing options.

[Author]

Posts