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

This topic contains 1 reply, has 2 voices, and was last updated by  Shufflehound Support 1 week, 1 day ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • 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.

    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

Viewing 2 posts - 1 through 2 (of 2 total)