Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 13, 2017 at 11:33 am #807376
    ryanorlowski

    Hey guys, please help!

    I’m having difficulty getting my site content to display correctly on iPad.

    I’m aware that this is due to the 40% padding currently set on each of my columns. (Which look great on Desktop)

    If you take the Homepage > Central Column > Content List for example. The text disappears?

    Would you be able to investigate and provide me with a Quick CSS fix?

    June 13, 2017 at 11:39 am #807378
    ryanorlowski

    And lastly, I’d like to fix my Main Menu navigation bar on iPad. The blue-coloured butterfly icon currently pushes the navigation down too far. Is there a way of removing the blue-coloured icon so that the navigation shrinks to the same size as the top bar when scrolling?

    Thank you in advance!

    June 14, 2017 at 1:37 pm #807958
    Victoria

    Hi ryanorlowski,

    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: 450px) {
   #header_main .logo img {
    width: 30%;
  }
}

@media only screen and (min-width: 768px) and (max-width:1024px) {
  .flex_cell.no_margin.av_one_third {
    padding: 15px 10px !important;
   vertical-align: top !important;
  }
div .av_three_fifth.avia-builder-el-17 .avia-icon-list .iconlist_icon {
  margin-right: 20px;
}
div .av_three_fifth.avia-builder-el-17 {
  width: 97%;
}
div .av_three_fifth.avia-builder-el-17 .avia-icon-list .av-iconlist-empty .iconlist_title {
    margin-top: 0px;
}

div .av_one_fifth.avia-builder-el-16 {
  width: 1% !important;
}
div .av_three_fifth {
    margin-left: 0%;
    width: 75.6%;
}
.page-id-2 .av-special-heading {
  margin-top: 0;
}
/*.hr.hr-invisible.avia-builder-el-13 {
  height: 50px !important;
}*/
}

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

    June 14, 2017 at 1:37 pm #807959
    Victoria

    Hi,

    Best regards,
    Victoria

    June 14, 2017 at 2:09 pm #807985
    ryanorlowski

    Hi Victoria,

    Thanks for getting back to me with a possible fix. However, I’ve tried both of the above suggestions, but still looks bad on iPad?
    Have to viewed my site on an iPad to see what I’m seeing?

    In addition, are you able to provide a possible solution to my additional issue above (Main Menu on iPad).

    Kind regards,
    Steve

    June 15, 2017 at 5:14 pm #808625
    Victoria

    Hi Steve,

    Could you please use this code, clear the cache on your device and send me the screenshots?

    Best regards,
    Victoria

    June 15, 2017 at 5:24 pm #808633
    ryanorlowski

    Hi Victoria, is there new code for me to try..?

    June 19, 2017 at 7:38 pm #809920
    Basilis

    Hi,

    Victoria is sending over one of the solutions
    If thta does not work and you really need to change the views, I would suggest to consider hire someone to help you modify the way you want it to look
    It will help you have better results.

    We do hope you understand

    Best regards,
    Basilis

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