Black Friday Sale! Get up to $40 off GP Premium!Learn more

[Resolved] Making sticky navigation same as Primary Navigation

Home Forums Support Making sticky navigation same as Primary Navigation

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #406703
    Binu

    Hi,
    I just want to make sticky navigation of mysite look like primary Navigation. The primary navigation has a logo aligned to the left and 120 px padding on both left and right side.

    The sticky navigation (with logo) appears full width. Is there any way to add 120 px padding on left and right sides, using custom CSS? How can I achieve that?

    Thanks
    Binu

    GeneratePress 1.4
    GP Premium 1.4.3
    #406727
    Binu

    Hi,
    I have achieved it .bu using following css. is this the right way to do that?

    .nav-float-right .is_stuck.main-navigation ul {
    padding-right: 120px;
    }
    /* sticky nav logo padding*/
    .main-navigation.sticky-navigation-transition .navigation-logo img {
    padding-left: 120px;
    }

    #406744
    Tom
    Lead Developer
    Lead Developer

    That should work fine, but check how it looks on mobile.

    You can make it so your CSS is for desktop only by adding it in this media query:

    @media (min-width: 769px) {
        /* your CSS in here */
    }
    #406753
    Binu

    Thanks a lot for the help, Tom.

    Binu

    #407101
    Tom
    Lead Developer
    Lead Developer
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.