By Emilio Navas on Wednesday, 21 December 2016
Posted in Elegant
Likes 0
Views 1.3K
Votes 0
Hi there!
How I can put the small login menu and a picture of the profile with drop-menu options of the user close to the notifications in the profile position?
I added the ES search module but only load a text box without icon that show is search box or option to make custom search. Am I using the right module?

Thanks
Hi Emilio,
How I can put the small login menu and a picture of the profile with drop-menu options of the user close to the notifications in the profile position?
Perhaps you can try using the EasySocial Dropdown module instead?(http://take.ms/VFU5t , http://take.ms/ZBZMa)
I added the ES search module but only load a text box without icon that show is search box or option to make custom search.
It seems your EasySocial site is fairly new. Thus it does not have anything to filter the search on. Once I created a second user, the search filter appears for users(http://take.ms/GLUYN). Likewise, once you start creating groups, events, pages and so on, more search filter types will appear.
·
Wednesday, 21 December 2016 12:15
·
0 Likes
·
0 Votes
·
0 Comments
·
Cool!
Closer to the look I am looking for! Thanks.

But the layout in your screenshot look perfect, mine is absolutely messy. How I can arrange the all the elements in the same line and in the same level? Can I make smaller the search bar?

Thanks!
·
Wednesday, 21 December 2016 13:42
·
0 Likes
·
0 Votes
·
0 Comments
·
How I can arrange the all the elements in the same line and in the same level?
I'm not sure what elements are you referring to. Can you provide some screenshots so I could understand better? Thanks.
Can I make smaller the search bar?
Do you mean the width or the height?
·
Wednesday, 21 December 2016 13:57
·
0 Likes
·
0 Votes
·
0 Comments
·
Sorry I thought I attached before :-)
I mean the top bar in general. The icons, the menu items, the profile dropdown... TO be all in the same line more tidy and aligned. I attached the current mess situation :-D
·
Wednesday, 21 December 2016 14:04
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Emilio,
I can replicate the issue in your screenshot in other browsers, only Firefox seems fine.
I can also replicate this issue locally. I will log this issue in our tracker to our designers can look into it.
In the meantime, perhaps you can try this custom css codes and see if it solves the issue? Let us know, thanks.

.elegant-collapse #es .o-input-group {
display: -webkit-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
·
Wednesday, 21 December 2016 15:43
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Raymond,
The custom css worked like a charm. By the moment is more than perfect.
Thank you for the fix!! ;-)
·
Wednesday, 21 December 2016 15:58
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Emilio,

You are most welcome. Glad to know the css worked.

As a gentle reminder, kindly start a new thread if you have any other issue in the future so it will be easier for us to manage your inquiry. I will lock and mark this thread as resolved.
·
Wednesday, 21 December 2016 16:01
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post