Return to previous page

Position of the search icon - by popcorner

This topic has 4 replies, 2 voices, and was last updated 5 years, 1 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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Burger Store – WordPress WooCommerce Theme
lazy-placeholder
Spice Store – WordPress WooCommerce Theme
lazy-placeholder
Pizza Store – WordPress WooCommerce Theme
lazy-placeholder
Cleaning – WordPress WooCommerce Theme
lazy-placeholder
Niche Market 03 – Multivendor WP WooCommerce Theme
lazy-placeholder
Games Store – WordPress WooCommerce Theme
lazy-placeholder
Delivery – WordPress WooCommerce Theme
lazy-placeholder
Lawyer – WordPress WooCommerce Theme
lazy-placeholder
Lingerie Store – WordPress WooCommerce Theme
lazy-placeholder
Phone Service – WordPress 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.