Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 1, 2019 at 6:20 pm #1073321
    carTransport

    I need to fix the look for Ipads and Tablets on Landscape and Portrait view.
    https://www.staging1.wewilltransportit.com
    Looks horrible and it is unacceptable.
    Waiting for a quick response.

    March 3, 2019 at 7:35 pm #1074006
    Victoria

    Hey carTransport,

    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 (min-width: 768px) and (max-width: 1024px){
  #top #av-layout-grid-9 .no_margin.av_one_third {
  padding: 20px !important;
  }
  #top #av-layout-grid-9 .no_margin.av_two_third {
   padding: 30px 40px 30px 10px !important;
  }
  h3.iconbox_content_title a {
    font-size: 17px;
  }
  .iconbox_content p {
        word-break: break-word;
  }
}
@media only screen and (max-width: 1024px) {
  nav.main_menu, #menu-item-search {
    display: block !important;
  }
  .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    November 4, 2019 at 3:21 am #1153586
    JPOsteen

    Hello! I would for my website layout to appear the same on an iPad as it does on an iPhone. As of now, I’ve been able to force the burger menu on the ipad, but the layout still looks like a desktop, only worse because columns are so narrow.

    How can I make the columns to be responsive like on an iPhone (columns to appear on top of each other instead of side by side)?

    Thanks!

    November 5, 2019 at 2:56 am #1153857
    JPOsteen

    @Rikard, @Victoria, @Yigit,
    Still waiting for a reply. Thanks!

    November 6, 2019 at 5:40 pm #1154356
    Victoria

    Hi JPOsteen,

    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 (min-width: 768px) and (max-width: 1024px){
  #top .flex_column_table {
    display: block;
  }
  #top div .av_two_third,
  #top div .av_one_third,
  #top .no_margin.av_one_third {
    width: 100%;
    margin-left: 0;
    display: block;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    November 6, 2019 at 6:37 pm #1154375
    JPOsteen

    @Victoria,
    Thanks for the code. It only worked for the home page and didn’t work for the footer. Here is what I still need:
    1. Code to work for every page
    2. Code to work for the footer

    Thanks!

    November 8, 2019 at 9:46 pm #1155113
    JPOsteen

    Guys, I feel like I’ve always had great support in these forums, but lately the response time has beed disappointing. Especially for those of us trying to meet deadlines.

    November 11, 2019 at 7:43 am #1155497
    JPOsteen

    @victoria,
    Did you guys forget about me?

    November 12, 2019 at 10:45 am #1155953
    Ismael

    Hi,

    Sorry for the delay. The css code above should have adjusted the width of the columns in the #foot container, but it’s not working as expected. Did you add any css code in the child theme’s style.css file? Please make sure that there are no invalid css in it. We can’t check or edit the files because the Appearance > Editor panel is not accessible.

    Best regards,
    Ismael

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