Icon Positioning

  • Resolved tbereika

    (@tbereika)


    6 years, 5 months ago

    Hi there,

    How can I move the search icon so that it is second to last in the main navigation list (to the left of the “Donate” button) without using the flexbox order sub-property? Currently, it is the last list item in the unordered list. Thanks.

    • This topic was modified 6 years, 5 months ago by tbereika.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    I hope you are well today and thank you for your question.

    You can achieve this by adding the below CSS code in the Custom CSS option of Add Search To Menu plugin settings on the path Settings -> Add Search To Menu

    @media (min-width: 992px){
.navbar-nav li.astm-search-menu.astm-search-menu.dropdown {
    position: absolute;
    right: 90px;
    top: 8px;
}

.navbar-nav li.donate {
    margin-left: 40px;
}
}

    Best regards,

    Thread Starter tbereika

    (@tbereika)

    Thank you. As a follow question, is there a jquery function that would prepend the list items so that the search icon would display before the donate button?

    Regards,
    Tim

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    Yes you can try using below jQuery prepend function.

    https://api.jquery.com/prepend/

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Icon Positioning’ is closed to new replies.