Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 15, 2017 at 1:37 am #808341
    Jen

    Hi Team Enfold,

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

    Partners

    Reseller Program

    Referral Form

    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.

    June 15, 2017 at 2:28 am #808347
    Mike

    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

    June 15, 2017 at 2:58 am #808354
    Jen

    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

    June 18, 2017 at 9:04 pm #809600
    Basilis

    Hi,

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

    Best regards,
    Basilis

    June 19, 2017 at 4:39 pm #809868
    Jen

    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.

    June 21, 2017 at 11:10 pm #811215
    Basilis

    Hi,

    Please take a look here

    @media queries Responsiveness

    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

    August 24, 2017 at 11:02 pm #843728
    Jen

    Hi Basilis,

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

    Best regards,
    Nicole

    August 28, 2017 at 4:52 pm #844882
    Victoria

    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

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