Text and social icons in Navigations Menu bar


I want to remove Above Header widget and add that text in Menu bar above the menu links. Also i want to add space between phone number and Support button.
My website link is http://www.genxsolutions.co.uk/home/

Above header widget making that menu area too big.

Thank You.

I have added a space before Support button. I just need to move that text and button in Menu bar.

Any help will be appreciated.


This in your custom CSS will do what you need, if I understand your question correctly:

@media (min-width: 1199px) {
 .ah-widget-area {
    position: absolute;
    right: 0;
    background: transparent !important;
    margin-right: 20%;

Thanks for answer. It worked on PC but on mobile all that text appears on Website logo.

Sorry, I modified the code. I actually wanted for it to be applied for screens larger than 1199px. It won’t look nice for smaller screens and there’s no way to do it without heavy customizations.

oh, ok. Then i will keep my text in above header widget. Is there any way to make above header bar thin?

Thanks for the help.

Yeah, you can use this:

.ah-widget-area .container .widget {
	padding: 10px 0;

Thank you very much, this has made my widget smaller.
Now i want my logo and navigation to show on the top of header image. how can i do that.

This would do it:

.sticky-wrapper {
    position: absolute;
    width: 100%;

You should also consider updating the theme, you’re running an older version.

Thanks, Its working. Ok i will update my them. I hope the update wont change anything on my site. :stuck_out_tongue:

Thanks again for your help.

Kind Regards