Contact Button for Airi

Hi There,

I hope you are well :slight_smile:

Roman kindly assisted us with help on our contact button on the nav bar: Contact button does not appear on mobile menu

The only problem is that I had to alter the nav bar size to fit our logo in, but now the mobile contact button is messed up and I don’t know how to fix it :frowning:

Our URL is: http://www.uzurivaconsulting.com/ (password is: MHLONGOV)

2020-07-15_12-21-19

Many thanks for your help, really appreciate it

Best,
Mel

Hi Mel,

I inspected the button element on narrower viewport, it seems likely you can reposition that button into more visible area with the below CSS code:

    @media only screen and (max-width: 1199px) {
    	 .site-header .right-content {
    		 position: relative;
    	}
    	 .site-header .group-actions .btn {
    		 position: absolute;
    		 right: 0;
    		 top: -70px;
    	}
    }

Add it to your site’s Additional CSS under the Appearance > Customize menu.

​I hope this reply helps.

Stay safe.
Have an excellent day :slight_smile:

Regards,
Kharis
aThemes Support

Hi Kharis,

Thank you so much :slight_smile: this worked wonderfully :slight_smile:

I hope you have a lovely day and very grateful for your help as always :slight_smile:

Best,
Mel

1 Like

You’re welcome Mel!

I am glad to have an opportunity to assist you.

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Stay safe.
Have an excellent day :slight_smile:

Regards,
Kharis
aThemes Support