Issues on mobile

Hey ExquisiteRetail,
I assume that I’m going to the right site, please see Private Content area. Unfortunately I’m not able to login, please check.

Best regards,
Mike

Hi,

@mamaimam if I understand correctly, your current mobile menu was a full screen overlay, and your example site is a flyout menu.
I went to Enfold Theme Options > Main Menu > Burger/Mobile Menu > Menu Overlay Style and changed it to “Sidebar Flyout Menu (Classic)”
Please check that this is what you wanted.
I see your menu items are very large, so you will want to make them smaller.
If you have any more questions Please open a new thread so we can assist, as this is not your thread your login info will not be private here and I removed it for your security.

Best regards,
Mike

Hi,
To change the mobile menu items to gray and the background to pink, Please try this code in the General Styling > Quick CSS field:

.html_av-overlay-full #top #wrap_all #av-burger-menu-ul li a {
color: gray !important;
}
.av-burger-overlay-bg {
    opacity: 0.9;
    background: pink !important; 
}

As for your solved issue, at this point it would be hard to go backwards to figure out why, but typically these kind of issues come from unclosed html tags in the elements. If you are not adding tags to your element titles or content boxes, then you should not see these issues.
Also if you are going to use the debugger to copy the shortcode, please be careful, because loosing the wrong ] symbol will cause the same issues.
I hope this helps :)

Best regards,
Mike

Hi,
I added this to your Quick CSS:

.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a {
    color: gray !important; 
}

Please clear your browser cache and check.

Best regards,
Mike

Hi,
I took a look at the coaching page and found that your column padding was 50px on all four sides of the text blocks, which was pushing the last two items off center, adjusting the padding to 50px-0px-50px-0px centers the text. But at 768px the text goes to the right & left edges of the pink box. I would recommend adding a media queries so at that size the text font is a little smaller so it looks like there is a little padding, while keeping the text centered.

I also checked your Quick CSS, and found that you were missing a curly bracket, which I replaced. Perhaps this occurred when I was adding the last code, if so sorry about that.
Please clear your browser cache and check.

Best regards,
Mike

Hi,
Unless there is anything else we can assist with on this issue, shall we close this then?

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike