Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #808341

    Hi Team Enfold,

    Several pages are not rendering responsive on our website. They are:

    The logo overlaps the main menu as well. We’ve added several @media code to our CSS as well. Login credentials are provided.

    Thank you in advance.


    Hey stanbrid,
    Please go to Enfold->Header->Mobile Menu and select to show the mobile menu for tablets as well.
    Or you can use the following CSSin the General Styling > Quick CSS field:

    @media only screen and (max-width: 1024px) {
    nav.main_menu {display:none !important;}
    #advanced_menu_toggle, #advanced_menu_hide {display:block !important;}

    Adjust the value 1024 to the pixel value of your liking.

    Best regards,


    Hi Mike,
    Thank you for the quick response. This fixed one of the two problems, being the logo overlapping the main menu. The other problem where some content not responsive on these pages still remains though.

    Two elements as seen on:

    Thank you in advance,



    I loaded the page and I can see all functioning properly
    Which exact area not working?

    Best regards,


    The Section backgrounds are not responsive. The first Section <Better together…> background image getting shifted down. The third Section <Why Partner with…> same thing. The last Section <Let’s Join forces…> isn’t even visible until the third input box.
    Here is the correct layout –>
    Here is the wrong layout –>
    Several other sizes aren’t rendering responsively as well.



    Please take a look here

    user it and let us know if that will help you.
    You do need to modify the background of the section based on that

    Best regards,


    Hi Basilis,

    The link provided is dead. Could you send the correct one please.

    Best regards,


    Hi Nicole,

    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: 479px) {
    #top #wrap_all .av-inherit-size .av-special-heading-tag  {
      font-size: 38px;
    .avia-section.av-minimum-height .container .content { 
      padding-top: 30px;
        vertical-align: top;
    #av_section_1 {
          background-attachment: scroll !important;
        background-position: top left  !important;
        background-size: cover !important;
            height: 280px;
    #av_section_1  {
      height: 40px !important;

    If you need further assistance please let us know.
    Best regards,

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.