Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #451785


    Okay, I used some custom css to move the Social Media icons above the main menu on this site:, and I don’t know if that’s what has caused the problem, but the main menu is not responsive – overlaps logo on smaller screens. This is the custom css I used:

    #header_main nav .social_bookmarks {
    position: absolute;
    top: 25%; padding-right: 50px;}

    Could you help me fix this?


    Hi Eleina_Shinn!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 1220px) {
    .logo * {
      max-width: 74%;
      top: 20px;

    Please go to Enfold theme options > Header > Mobile Menu > Header Mobile Menu activation and choose 990px.



    Ok, thank you :)

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Make Enfold Main Menu Responsive’ is closed to new replies.