Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 11, 2017 at 11:44 am #819245
    phamosa

    Hi,

    I have a problem: the 4 columns “Kostenkontrolle” etc on the website specified below do not “break” in2 x 2 on tablet or mobile view but remain in one line so that the writing is one above the other.
    Isn’t there a “preset” for the mobile view so that 4 column layouts are displayed in a different way?
    Thanks for helping!

    July 12, 2017 at 4:46 am #819767
    Rikard

    Hey phamosa,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 1170px) and (min-width: 768px) {
.home .av_one_fourth {
  width:48% !important;
}
}

    Best regards,
    Rikard

    July 12, 2017 at 9:55 pm #820234
    phamosa

    Hi Rikard,

    thanks for the reply. I pasted the code but the tablet version still doesn’t look good at all.
    Please check out

    Willkommen

    on an iPad in both horizontal and vertical layout.

    The section “Unsere Stärken” with the four elements looks good on the vertical layout but really bad when you hold the iPad horizontally.
    Also, on the section below with the photos, I chose “hide on mobile devices” for the photos but on the ipad the photos still show, and it looks really bad!

    I thought your template was responsive?

    Thanks
    Carolin

    July 13, 2017 at 9:19 am #820406
    John Torvik

    Hi,

    Please, could you provide to us the WP credentials? This way, we can adjust the custom codes better.

    Best regards,
    John Torvik

    July 13, 2017 at 9:50 am #820425
    phamosa

    Yes! Please check the homepage on the iPad in both directions.
    Thanks!

    July 16, 2017 at 11:10 am #821954
    Victoria

    Hi phamosa,

    I would say that the section with the “Unsere Stärken” looks better than the next section, there is too much text that breaks out and does not look good.
    Let me know which issue do you want to address.

    Best regards,
    Victoria

    July 16, 2017 at 4:14 pm #822060
    phamosa

    .. I would like to keep the “Unsere Stärken” section as it is and on the section below just hide the picture on the mobile version (tablet and phone), just as I put it in the preferences (but it doesn’t work).
    :I like the look on the normal browser with the photos but on the mobile versions it just doesn’t look good as you noticed yourself.
    Can you hide the photos for me?

    Thanks
    Carolin

    July 17, 2017 at 3:31 pm #822679
    Victoria

    Hi Carolin,

    Below is my suggestion for the iPad 768-1024 view
    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) {
  .avia-section-huge .content {
       padding-top: 50px;
       padding-bottom: 30px;
  }
  #top .no_margin.av_one_half {
    width: 100%;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
 }
 #av-layout-grid-1 h3,
 #av-layout-grid-2 h3,
 #av-layout-grid-3 h3 {
   font-size: 24px !important;
 }
   #top .no_margin.av_one_half.avia-builder-el-25,
   #top .no_margin.av_one_half.avia-builder-el-28,
   #top .no_margin.av_one_half.avia-builder-el-30 {
     padding-top: 0px !important;
     padding-bottom: 0px !important;
   }
      #top .no_margin.av_one_half.avia-builder-el-16 {
        display:none;
      }
}

    Let me know what you think.
    If you need further assistance please let us know.
    Best regards,
    Victoria

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