Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • June 9, 2023 at 6:50 pm #1410091
    mikegrace78

    Hi Team,
    I’m having a problem with the styling on my slide out menu. The menu appears transparent, and styling of menu items is off. I’ve tried using the advanced styling menu to fix, with no change.

    Could you have a look for me and suggest a fix? Please let me know if a WP login would help.

    Thank you!

    Mike

    June 10, 2023 at 12:08 pm #1410137
    Rikard

    Hey Mike,

    Please send us a temporary WordPress admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    June 10, 2023 at 5:05 pm #1410160
    mikegrace78
    This reply has been marked as private.
    June 10, 2023 at 7:33 pm #1410172
    newvisionnew

    Hello I’m having the same issue, the mobile menu is all white and can’t change the menu title colors to black. nothing appears in color on the mobile menu

    • This reply was modified 1 year, 6 months ago by newvisionnew.
    June 10, 2023 at 9:38 pm #1410184
    Mike

    Hi,
    newvisionnew Please review your options at Enfold Theme Options ▸ Advanced Styling ▸ Menu Links in overlay/slide out you picked white menu links and a white background color si you can’t see the links:
    Enfold_Support_2300.jpeg
    Please also note that multiple users in the same thread becomes confusing, so please open a new thread instead of adding to someone elses. Thanks for understanding.
    mikegrace78 try to use the Temporary Login Without Password plugin to give us access to your site.

    1. Install and activate the “Temporary Login Without Password” plugin. You can find it here.
    2. Once activated, navigate to “Users > Temporary Logins” in the left-side menu.
    3. Click on “Create New” to generate a temporary login.
    4. Enter the email address for the account (you can use (Email address hidden if logged out) ) and select the highest possible role. Set the expiry date to around four days to ensure enough time for debugging.
    5. Click “Submit” to create the temporary account.
    6. In the private section, provide us with the URL that allows us to access the temporary login and assist you.
    7. Please note that we don’t have access to the email address, so you will need to post the temporary login URL in the private section

    Please note that once your issue is resolved, you can remove the plugin. Alternatively, if you prefer not to use the plugin, you can manually create an admin user and share the login credentials in the “private data” field.

    If you have any further questions or concerns, please let us know.

    Best regards,
    Mike

    June 10, 2023 at 11:19 pm #1410196
    mikegrace78
    This reply has been marked as private.
    June 11, 2023 at 11:22 am #1410214
    Rikard

    Hi Mike,

    Thanks for that. First off, could you try updating the theme to the latest version (5.6.2) to see if that helps please? https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update.

    Best regards,
    Rikard

    June 12, 2023 at 8:14 pm #1410389
    mikegrace78

    Thank you Rikard!

    The theme has now been updated.

    June 12, 2023 at 8:15 pm #1410390
    mikegrace78

    Menu styling is still having difficulty.

    June 13, 2023 at 1:27 am #1410400
    Mike

    Hi,
    Thanks for the login, are there any other styling issues on your site or is it just the menu?
    Have you tried disabling your plugins?

    Best regards,
    Mike

    June 13, 2023 at 1:33 am #1410401
    mikegrace78

    I haven’t noticed any other particular styling issues anywhere else on the site. Have not tried disabling plugins.

    June 13, 2023 at 12:24 pm #1410443
    Mike

    Hi,
    I’m not sure what is causing this, but if it is your only issue I added this css to your WordPress ▸ Customize ▸ Additional CSS and it seems to have solved it:

    #top #av-burger-menu-ul a {
	color: #7bafe7;
	font-size: 18px;
}
.html_av-overlay-side #top .av-burger-overlay-scroll {
	background-color: #fff;
}
.av-burger-overlay-active #top .av-hamburger-inner, 
.av-burger-overlay-active #top .av-hamburger-inner::before, 
.av-burger-overlay-active #top .av-hamburger-inner::after {
    background-color: #000;
}

    Please clear your browser cache and check.
    I also checked the placement of the menu overlay and it seems correct for all screen sizes, it is meant to show from the edge of the screen, on desktop your page content is narrow and that is why it seems off a little, I guess we could move it over on larger screens with this css:

    @media only screen and (min-width: 1700px) { 
.html_av-overlay-side .av-burger-overlay-scroll {
	right: 20%;
}
}

    but that looks odd to me when I test it, you can test in the WordPress ▸ Customize ▸ Additional CSS and see for yourself.

    Best regards,
    Mike

    June 13, 2023 at 7:09 pm #1410496
    mikegrace78

    Awesome thank you!!! Issue resolved. You guys are the best!

    June 14, 2023 at 12:41 am #1410521
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Issue with Slide Out Menu Styling’ is closed to new replies.