[Resolved] secondary-menu position help

Home Forums Support [Resolved] secondary-menu position help

Home Forums Support secondary-menu position help

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #708606
    Danny

    hello,

    I would like to align the secondary menu which I am using for blog posts on the right of the first-time home buyer’s faq post.
    See yellow arrow in the photo below, please.

    sample image

    I am using this code to style the secondary-menu:
    `/* secondary nav links effect */

    @media
    (min-width: 769px) {
    .secondary-navigation .secondary-menu > .menu-item> a::after {
    content: “”;
    position: absolute;
    right: 0;
    left: 50%;
    bottom: 20px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);

    display: block;
    width: 0;
    height: 2px;

    background-color: currentColor;
    transition: 0.3s width ease;
    }
    .secondary-navigation .secondary-menu > .menu-item.current-menu-item > a::after,
    .secondary-navigation .secondary-menu > .menu-item.current-menu-ancestor > a::after,
    .secondary-navigation .secondary-menu > .menu-item > a:hover::after {
    width: 50%;
    }
    }

    GeneratePress 2.1.4
    GP Premium 1.7.2
    #708609
    Danny

    screenshot

    #708678
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    You could try something like this:

    #secondary-navigation {
        max-width: 1215px;
    }
    #708681
    Danny

    That works, thanks!

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