Roll back theme version

Sorry for the delay! Try using this css:

#topbar .select2-container .select2-choice {
    color: #fff !important;
    border-color: rgba(0,0,0,.05);
}
.topclass .select2-container {
    background: rgba(255,255,255,.2);
}
.topclass .select2-container .select2-choice .select2-arrow b:after {
    border-top-color: #fff;
}

Does that work for you?

Hannah

Thanks for your reply.

shop page is now fixed!! but /my-account/ page still same problem, search box is getting shifted towards left (no text in it) and touching category widget.

Thanks.

I can no longer get your link to open. Did you change something?

Hannah

sorry it was in maintenance mode for some development work, I have put it online, please check now.

Thanks

It’s really weird that this is only acting strange on certain pages. What exactly are you adding into your topbar widget area? And could you tell me all that’s in your css?

Thanks,
Hannah

There is nothing much in the top bar, I have added a “woo category widget” and “woo search widget” that’s it. and I think cart is there by default so in total 3 items in the top bar.
please take a look HERE it just looks perfect, now try to navigate the /my-account/ page and see the magic in top bar ??

I have nothing in css except what you advised me. see below.

#nav-main {
overflow: visible;
}
#nav-second {
overflow: visible;
}

div#s2id_autogen1 {
background: #577DA0;
}
#topbar span#select2-chosen-2 {
color: #FFFFFF;
}
.kad-topbar-right #topbar-search .form-search {
float: right;
}

#topbar-search input[type=text] {
height: 39px;
}
div#s2id_autogen1 {
margin-top: 4px;
}

#topbar .select2-container .select2-choice {
color: #fff !important;
border-color: rgba(0,0,0,.05);
}
.topclass .select2-container {
background: rgba(255,255,255,.2);
}
.topclass .select2-container .select2-choice .select2-arrow b:after {
border-top-color: #fff;
}

Is your site back on maintenance mode? Again, I can’t open it.

Hannah

oops, yes it was, its now online, please check if you are able to access now ?

bsatsangi, Looks like your using the premium theme.

Can you post on the premium forms: https://www.kadencethemes.com/support-forums/forum/virtue-theme/

You need to add this css:

.widget-2.topbar-widgetcontent {
    float: left;
}

Kadence Themes

Thanks Much Hannah and Kadence Themes!

This code worked well, Thanks for bearing with me appreciate your help and codes you provide.
will close this thread and will open a new thread as suggested.

Thanks