Return to previous page

Position of the search icon - by popcorner

This topic has 4 replies, 2 voices, and was last updated 5 years, 8 months ago ago by Olga Barlow

  • Avatar: popcorner
    popcorner
    Participant
    March 6, 2019 at 17:33

    Hi
    Is there a way to place the search icon in the top bar to the left of the “login” area ?
    Regards

    #210512 Copied Theme version: 5.1
    3 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    March 6, 2019 at 17:43

    Hello,

    Do you want to move search like on screenshot http://prntscr.com/mu5six ?
    Then add the following code to Theme Options > Custom CSS 

    .navbar-header.show-in-header .login-link {
    order: 1;
}
.navbar-header.show-in-header .shopping-container {
    order: 2;
}

    If not then provide me screenshot how you want to show the search.

    Regards

    #210517 Copied
    Avatar: popcorner
    popcorner
    Participant
    March 6, 2019 at 18:10

    Perfect ! …. except when i’m logged, how to have this display when logged ?

    #210524 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    March 6, 2019 at 18:37

    Hello,

    Then replace that code by 

    .navbar-header.show-in-header .login-link,  .navbar-header.show-in-header .my-account-link, 
.fixed-header .login-link, .fixed-header .my-account-link {
    order: 1;
}
.navbar-header.show-in-header .shopping-container, .fixed-header .shopping-container {
    order: 2;
}

    Regards

    #210527 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Flowers Store – WordPress WooCommerce Theme
lazy-placeholder
Man Store – WooCommerce Theme
lazy-placeholder
Sushi Store – WordPress WooCommerce Theme
lazy-placeholder
Skate – WooCommerce Theme
lazy-placeholder
Underwear Store – WordPress WooCommerce Theme
lazy-placeholder
Water Delivery – WordPress WooCommerce Theme
lazy-placeholder
Boxed Store – WooCommerce Theme
lazy-placeholder
Home Decor Store – WordPress WooCommerce Theme
lazy-placeholder
Carwash – WordPress WooCommerce Theme
lazy-placeholder
Sidebar Boxed Store – WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.