Black Outlined Boxes around my menu items

[RevealHM]

On my mobile only version of the website, we are getting these black boxes around the bottom of our menu items. I am not sure why they are there. How can I get them off? Picture for reference:

[prakash_s]

Hello @RevealHM,

Thanks for writing to us.

It is not possible to guide you with only a screenshot. To help you with your concerns, we need to check your settings. Please share the exact page URL so we can check it on our end and guide you properly.

Thanks

[RevealHM]

Here is the link https://revealhm.com/hawaii/ however, please note that this is only on our MOBILE only version not showing up on our desktop version. Thank you.

[ruenel]

Hey Ashley,

This border is coming from this code:

.book-now 
{
    text-align: center;
    color: black;
    border: 2px solid black;
    margin-left: 10px;
    margin-top: 18px;
}

You can edit your custom header and remove this CSS block.

Thanks.

[RevealHM]

Hi, I am sorry but I cannot find where you found that header CSS under the black box. Can you please guide me how to get rid of this. these haven’t been on before and just randomly showed up the other day. So I don’t want to mess up the code.

[ruenel]

Hey Ashley,

You will have to do this:
1.) Launch Cornerstone builder

2.) Edit your “Hawaii Header”

3.) Find the “Custom Code” icon in the lower right corner:

4.) Click the “Header CSS”, and that’s where you can find this code.

5.) You can completely remove the whole code if you do not want that border in the “Book Now” button.

Best Regards.

[RevealHM]

Thank you this was very helpful. I removed the Border 2px. solid. black. code but it did not remove on the home version. Please let me know. I cleared my cache and everything. Please advise.

[christian]

Hey @RevealHM,

Regretfully, we cannot continue fixing custom CSS codes. Please consider subscribing to our One service to receive custom code fixes.