Hello,

1-Open Customization mode, go to header and hover over the button “Reservation”. Click the empty area before the bin icon(that deletes the button), to open the button options. Here you have the link field. Change the link here and save changes.
See screenshot: https://ibb.co/M2h2Ksp

2-I removed the search from Tools element in header. The mobile menu looks great. No changes happened. See screenshot: https://ibb.co/Jv9jW8N

Let us know.
Best regards!

Hi Mirella,

I too have no issue with the simulated mobile layout.

However, it does not work on an actual mobile device. Here’s what happens:

1. Open the site in a browser
2. Click the hamburger menu icon
3. The hamburger menu icon changes to the X icon, but the mobile menu fails to load
4. Refresh the page
5. Click the hamburger menu icon
6. The mobile menu loads fine after refresh

The phone I tested this on is a Samsung Note 9 on Google Chrome browser.

I cannot confirm that iPhones have the same behavior, but Original Poster mentions that the issues do exist on iPhone. I can ask someone to test iPhone later today to confirm that OP’s iPhone issue also exists on my site.

• This reply was modified 6 years, 1 month ago by amandaedens.

Hello,

@ChristopherGFox
I checked your site in actual mobile and desktop simulated mobile layout. I had no issues with the menu. See screenshots:
https://ibb.co/Kq32N87
https://ibb.co/7Kpcsns

Are you still having problem? When exactly?

@amandaedens, same here: https://ibb.co/nzkVF9T

Let us know.
Best regards!

Hello Mirela,

I added my WP credentials so that you can take a look at the mobile menu loading unreliably. Thank you.

Hello,

That’s because the height of the menu exceeds the height of mobile screen. Please add this code into your Custom Css box:

.menu-small ul li a {
   margin-top: 0 !important;
   margin-bottom: 0 !important;
}

Best regards!

Hello,

The AP Mega Menu plugin is the culprit. I deactivated it and the mobile header is ok. This is an unknown issue for us. The developer is working on it and we will update theme as soon as we have it fixed.

Best regards!

Hello,

First, when finding the css to customize, do not ever see the backend. Check only front-end/live site. The css you pasted(if is exactly like that) has errors.
Try adding this one:

/*mobile*/
@media (max-width: 480px){
#logo img { height: 60px;}
.cl-mobile-menu-button span { background-color: #fff; }
.header_container * {
    background-color: #20263a;
}
}
/*tablet*/
@media (min-width: 1024px){
#logo img { height: 60px;}
.cl-mobile-menu-button span { background-color: #fff; }
.header_container * {
    background-color: #20263a;
}
}

Mobile result screenshot: https://ibb.co/0hbZKZB
Change the values for tablet, to your wish (i used the same as for mobile for this example).

Best regards!

Hello,

Yes, it’s all accessible now. I updated theme to the latest version 3.1 (released two days ago).
I updated required plugins too. Please check your site. All is well now. The mobile menu is ok as well. See screenshot: https://ibb.co/fFH3pSy

Best regards!