Need help with hamburger menu CSS on Desktop - SQS 7.1

Site URL: https://terrier-turbot-7tat.squarespace.com/

Hi there,

About my hamburger menu as you can see in the screenshots.

My web URL: https://terrier-turbot-7tat.squarespace.com/

My web PW: 1234

1. See the screenshot1. Is there anyone know how to move the social icon to the center and move the action button up a little bit?

2. If you see the screenshot2 which is the mobile view of the menu and it looks weird, I don' know somehow my codes affect the mobile as well, so is there a way to avoid change of my mobile menu but only on desktop view?.

Below are my code:

.header .header-burger{display:flex} .header-nav, .header-actions {display:none}
.header--menu-open .header-menu {
opacity: 1;
visibility: visible;
width: 30%;
margin-left: 70%;
box-shadow: -5px 5px 15px #000}
div.header-menu-nav-item a {
    font-size: 30px !important;
    padding: 10px;
}
.header-menu-nav-item {line-height: 20px!important;}

Thank you!

Leesh

It works perfect!! Much appreciated!

Quote

 

And sorry to ask one more question, if I want to make Action button or one of the Nav/link out of the hamburger menu and put it back on the Nav bar, what code should I use?

Thank you

On 3/7/2022 at 3:07 AM, Leesh said:

And sorry to ask one more question, if I want to make Action button or one of the Nav/link out of the hamburger menu and put it back on the Nav bar, what code should I use?

 

Thank you

You mean make it next to burger on mobile?

This will require JavaScript code. If you use a Business Plan or higher, let me know, We will test some code