Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 8, 2017 at 8:28 pm #886601
    proformancestudios

    Hi,

    After updating to ENFOLD 4.2 the mobile menu looks incorrectly:

    On the start side text is overlapping at the top…. responsive layout

    Mobile portrait (320×480)
    Mobile landscape (480×320)

    Checked on browser CHROME and Mozilla under Android 7.

    Kindly ask you to assist to fix the issue.

    Many thanks.

    Claudia

    December 9, 2017 at 10:59 am #886756
    Victoria

    Hey Marco,

    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) {
   .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
      min-height: 50px;
   }
   .content, .sidebar {
    padding-top: 25px;
    padding-bottom: 25px;
   }
   .hr.hr-invisible.avia-builder-el-1.el_before_av_textblock.avia-builder-el-first  {
     margin-top: 0 !important;
   }
   
   .hr.hr-invisible.avia-builder-el-10.el_before_av_slideshow.avia-builder-el-first {
     margin-top: -20px !important;
   }  
   .responsive .logo img {
    height: auto !important;
    width: 90%;
   }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    December 11, 2017 at 12:12 pm #887317
    proformancestudios

    Hi Victoria,

    Sorry for the delay.
    Thanks, above quick CSS is working.

    Have a nice week.

    Best regrads,
    Claudia

    December 12, 2017 at 6:07 am #887723
    Rikard

    Hi,

    Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    December 12, 2017 at 11:42 am #887848
    proformancestudios

    Yes, Please close the ticket.

    Thanks.

    Claudia

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