moving the search icon in the header

Home › Forums › Jevelin Theme › moving the search icon in the header

Home › Forums › Jevelin Theme › moving the search icon in the header

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    NOT RESOLVED Posts

  • davey1975
    Participant

    How would one move the search (magnifying glass) icon in the header to be the icon on the far right?  Currently there is a MY ACCOUNT link on the right that i would like to move next to the SHOP text.

     

    I would like it to be:

    HOME   SHOP  MYACCOUNT  (cart)  (search)

     

    How would i change MY ACCOUNT text to an icon with hover and link colors attached?

     

    Thanks.

    Shufflehound Support
    Moderator

    Hi @davey1975,

     

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

     

    How would one move the search (magnifying glass) icon in the header to be the icon on the far right?  Currently there is a MY ACCOUNT link on the right that i would like to move next to the SHOP text.

    I would like it to be:

    HOME   SHOP  MYACCOUNT  (cart)  (search)

    You can make it like HOME   SHOP  MYACCOUNT   (search) (cart)  by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    li.menu-item.sh-nav-cart.sh-nav-special {
    float: right;
}

li.menu-item.sh-nav-search.sh-nav-special {
    float: right;
    padding: 0 15px !important;
}

     

    How would i change MY ACCOUNT text to an icon with hover and link colors attached?

    You can try achieving this using Yellow Pencil edior as described in the below page.

     

    https://support.shufflehound.com/how-to-change-almost-any-element/

     

    Best regards,
    Shufflehound team

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)