Changing position of topbar element

Hey,
Does it work for you to enable the widget area in right of topbar and add both things as widgets?
If no, please post a link.

Hannah

Hi,

thx for your reply. But it doesnt work.

When I add the searchbar in toppbar widget, I get the following result:

https://fs1.directupload.net/images/150703/rrqae95v.png

I would like to get this one:
https://fs2.directupload.net/images/150703/gooc4kn3.png

Link of URL you′ll find in the image.

Best regards,

Chekki

Try adding this to your custom css box in Theme Options > Custom CSS:

.topclass .col-md-6 {
width: 10%;
float: right;
}
.top-menu-search-btn {
  width: 0;
}

Hannah

Perfect. It works. Only problem is now, that the searchbox won’t be shown in total as you click on the search symbol. Any idea?

THX

Chekki

Try adding this:

@media (min-width: 992px) {
.topclass .col-md-6 {
  width: 20%;
  margin-right: -100px;
}
}

Hannah

Hi,

thx it works. But now the second button isnt clickable. Any idea?

Chekki

Sorry for the delay. Try removing this from your custom css:

@media (min-width: 992px) {
.topclass .col-md-6 {
  width: 20%;
  margin-right: -100px;
}
}

And add this isntead:

@media (min-width: 992px) {
.topclass .col-md-6 {
  margin-right: -30px;
  padding-left: 50px;
}
}

Hope it helps!
Hannah

Hi Hannah,

many many thanks to your reply.

Now both links are working, but the searchbox which opens, isn′t long enough:

Image

If its not possible, I have to think about another solution. Or do you have an idea?

Best regards,

Chekki

Ahh sorry, I thought I had tested that too.
Ok, replace the recent css with this:

@media (min-width: 992px) {
.topclass .col-md-6 {
  margin-right: -100px;
  padding-left: 120px;
width: 25%
}
}

I think that will work. Let me know if not!

Hannah

Now it works perfect. Thanks a lot.

For the others: This is the final working solution:

.topclass .col-md-6 {
width: 10%;
float: right;
}
.top-menu-search-btn {
  width: 0;
}
@media (min-width: 992px) {
.topclass .col-md-6 {
  margin-right: -100px;
  padding-left: 120px;
width: 25%
}
}

Thanks Hannah.

Chekki