Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 22, 2018 at 9:25 pm #1013142
    Maneschka

    Hi,

    I have this two issues on the mobile version of my web page: http://www.baboonlab.mx Can you please help me to solve them.

    1. In the mobile version, in the Contact section the facebook and instagram icons are not aligned, how can I fix that?

    2. In the Menu Area, I would like the images and bg color of each section to cover the Menu Bar, so the custom “burger icon” can be visble. How can I achieve that?

    September 23, 2018 at 9:10 pm #1013418
    Nikko

    Hey Maneschka,

    For 1 & 2, try adding this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:767px) {
  #contact .flex_column.av_one_fourth {
    margin-left: 6% !important;
    width: 20.5% !important;
    clear: none !important;
  }

  #contact .flex_column.av_one_fourth.first {
    margin-left: 0 !important;
  }

  #contact .flex_column.av_one_fourth.avia-builder-el-19 {
    margin-left: 6% !important;
  }

  #contact .flex_column.av_one_fourth {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #top #wrap_all #header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    background-color: transparent !important;
  }
}

    Best regards,
    Nikko

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