Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #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.

    #808347

    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,
    Mike

    #808354

    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: http://quirktools.com/screenfly/#u=http%3A//www.voicecarrier.com/partners&w=1024&h=768&a=22&s=1.

    Thank you in advance,
    Nicole

    #809600

    Hi,

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

    Best regards,
    Basilis

    #809868

    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 –> http://quirktools.com/screenfly/#u=http%3A//www.voicecarrier.com/partners&w=1366&h=768&a=1&s=1
    Here is the wrong layout –> http://quirktools.com/screenfly/#u=http%3A//www.voicecarrier.com/partners&w=320&h=568&a=37&s=1
    Several other sizes aren’t rendering responsively as well.

    #811215

    Hi,

    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,
    Basilis

    #843728

    Hi Basilis,

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

    Best regards,
    Nicole

    #844882

    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  .hr.hr-invisible.avia-builder-el-4  {
      height: 40px !important;
    }
    }
    

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

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