Wrong mobile presentation of text and images

Hi Stefan,

Thanks for the screenshots, could you post a link to where we can see the actual elements as well please?

Best regards,
Rikard

Hi,
Thanks for the screenshots and the link, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (max-width: 767px) { 
  #top.page-id-150 #activities.entry-content-wrapper.avia-builder-el-15 {
  display: flex !important; 
  flex-wrap: wrap !important; 
  }
  #top.page-id-150 #activities .flex_cell.avia-builder-el-16.avia-builder-el-first {
      order: 2 !important; 
  }
  #top.page-id-150 #activities .flex_cell.avia-builder-el-19.avia-builder-el-last {
      order: 1 !important; 
  }
  }

After applying the css, Please clear your browser cache and check.

Best regards,
Mike

Hi,

Thanks for the update. Please try this CSS for your menu problem:

@media only screen and (max-width: 1150px) {
  nav.main_menu {
    display: block !important;
  }
  #avia-menu .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

Best regards,
Rikard

Hi Stefan,

Thanks for the update, though I can’t see a search icon on any screen resolution on your site. Did you remove it? If so then please add it back so that we can see the problem.

Best regards,
Rikard

Hi Stefan,

Thanks for that, I see that the input field is overlapping on IphoneX, but not the actual symbol. Do you want to move the input field down a bit? If the symbol is overlappning the logo on your end then I think it would be best to hide it on small phones since there isn’t any space to move it to unfortunately. Let me know which way you would like to go.

Best regards,
Rikard

Hi Stefan,

Thanks for the update. Please try the following in Quick CSS under Enfold->General Styling in order to hide the search icon on smaller mobile screens:

@media only screen and (max-width: 479px) {
#menu-item-search {
  display:none !important;
}
}

Best regards,
Rikard

Hi,
Glad Rikard could help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike