Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1073321

    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.

    #1074006

    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

    #1153586

    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!

    #1153857

    @rikard, @victoria, @yigit,
    Still waiting for a reply. Thanks!

    #1154356

    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

    #1154375

    @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!

    #1155113

    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.

    #1155497

    @victoria,
    Did you guys forget about me?

    #1155953

    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

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.