Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #1108322

    I have been trying to get the navigation menu to appear on a smartphone to look correct in the vertical view for the last month. I am using your code from here

    I have had numerous support admins try to help by adding more snippets of code but I have had no success.

    This what the navigation currently looks like on OS –

    What I was hoping for is the logo to be centered and the burger below with the blue nav area height adjusted to fit (not with a huge empty space)


    Hey Snerp,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    @media only screen and (max-width: 767px) {
      #header_main {
        border: none;

    If you need further assistance please let us know.

    Best regards,


    As I mentioned I have added numerous code snippets from other support team members from a previous post I created concerning this issue. I’m frustrated as I now have too much code…I have no clue now what to add, what to remove. I just simply want to achieve a clean appearance when this site a viewed on a cell phone

    …here is what it should look like.

    If you or someone can look at the site’s CSS code in the “Quick CSS” area and delete/add what’s needed that would be amazing!

    You have my login credentials



    Thank you for the update.

    We logged in to the site and adjusted the following css code a bit.

    .responsive #top #header #header_main .inner-container .logo {
        order: 3;
        flex-basis: 100%;

    This is how the site looks on mobile view now.


    Best regards,


    Thank you, Thank you, Thank you! You the man.



    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Navigation/Menu Issue’ is closed to new replies.