I have a request from client who wants to have the same menu like on this example here We are Hearst | Hearst

Please, open the row options, and set some height that will suit you.

#Top_bar.is-sticky .menu > li > a::after{

Please, open the responsive editing, enable the mobile view, and try to adjust the image size in it.

.mfn-megamenu .menu-item img{

I'm using the menu builder. Is it possible to achieve something like the attached screenshot? Specifically stacking text on top of buttons on one row?

Is there a way to move the text in my menu down a little, so it's centred between the top and bottom boards?

#Top_bar .menu li ul li a{

You can change that using the Mega Menu. Please, check the following links about it:

#Top_bar #menu .menu-item{

.mhb .mobile-menu-toggle .icon-menu-fine{

2) separate / detach the menu from the 20 / 40px header

Thank you, it is showing properly when we open the website on mobile . but it is not showing properly when we scroll the page in sticky header. Attached is the screenshot and the web address is - http

Is it possible to add top and bottom border lines to menu? I've photoshopped some pink lines onto the screenshot to show you what I mean.

Is it possible to change my drop down menu to horizontal instead of vertical?

Please, go to Appearance -> Menus, find a menu with these links, and uncheck the Social Menu Top for it.

Hi how are you? I would like to know how can I change the menu on the header and add social icons. I could not find the option. I atteched and image. Thanks in advance.

.mfn-megamenu{

I will definitely try your Mega Menu builder in the future.

Yes, you can set them in the two columns, but you need to open your page via BeBuilder.