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)

Popular choice

Professional Developers At Your Fingertips!

If you need services beyond standard support, we've got your back!

Services we offer:

Demo setup
Advanced customization
Layout adjustment
Graphic work / visualizations
Custom coding
Full WordPress development and design

Services

What we can offer

  • Demo setup +

    If you'd prefer not to handle the installation yourself or need help getting started, we'll set everything up for you.

  • Layout adjustment +

    We'll help you rearrange sections, adjust spacing, and modify the page structure to fit your needs.

  • Advanced customization +

    More complex styling changes, theme option modifications, and third-party integrations.

  • Custom coding +

    If you need something that's not included in the theme, we can code it for you.

  • Graphic work / visualizations +

    Web design services to create custom sections, pages, and blocks for your theme, plus graphics and visualizations.

  • Full WordPress development and design +

    Full website builds, custom theme development, or plugin creation from scratch.

  • About pricing +

    We'll provide a clear quote based on what you need. No hidden fees.

Professional Developers At Your Fingertips!

Custom Work Form