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
Thread Starter
Chekki
(@chekki)
Hi,
thx for your reply. But it doesnt work.
When I add the searchbar in toppbar widget, I get the following result:
http://fs1.directupload.net/images/150703/rrqae95v.png
I would like to get this one:
http://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
Thread Starter
Chekki
(@chekki)
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
Thread Starter
Chekki
(@chekki)
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
Thread Starter
Chekki
(@chekki)
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
Thread Starter
Chekki
(@chekki)
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
