Position Top Bar Icons and Search

  • Hiya,

    I’m just wondering how you can postion the items in the top bar.

    I have:

    Top menu > Account & Checkout
    Top bar > Cart Total
    Top bar icons > social media buttons
    Top bar > search bar

    It appears as:

    Account | Checkout | Your Cart: ￡0.00 |Social media buttons | Search

    I want to move the social media buttons to the far right. With the Search bar nexto to it on the right.

    and on the far left just have the Top menu and the your Cart next to it.

    Any ideas on what bit of css I need to edit?

    Thanks

Viewing 5 replies - 1 through 5 (of 5 total)

  • Your site is probably a combination of the theme plus plugins. It is impossible to tell you how to change without knowing how it is configured in the first place.

    Did you modify your header.php or are all of these items positioned automatically with the related plugins?

    Can you post a link to your site, too, please.

    Thread Starter yandoos

    (@yandoos)

    Thanks for your reply.

    I’m using virtue and woocommerce. I’ve not modified the header at all.

    Which part of the css do i need to modify to reposition the topbar icon menu please?

    I only have a local version so I can’t post a link.

    Thank you

    Before you modify anything, be sure to create a child theme:
    https://codex.www.ads-software.com/Child_Themes

    And I won’t be able to help you without access to your site, but maybe posting in woocommerce support for help in positioning the header elements. You an try doing a google search as well. Woocommerce is a popular theme, so there is probably much info online about it.

    Thread Starter yandoos

    (@yandoos)

    Thank you ??

    I already have a child theme. I managed to move it by using:

    .topbar_social{ float:right;position:absolute; left:710px;width:190px;height:28px;top:-3px;}

    It’s not a very elegant solution so I may look for an alternative solution such as moving the search bar. But that seems to dissapear when I Enable widget area in right of Topbar. But I will create a new post for it.

    If you post a link I can help with css.
    Kadence Themes

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Position Top Bar Icons and Search’ is closed to new replies.