Tagged: 

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #1440695

    Hallo Support-Team,

    die erstellte Website wird auf einem Smartphone leider auf allen Seiten fehlerhaft angezeigt.
    Wenn ich es richtig sehe, beinhaltet die Responsive-Option nur das ausblenden der Abschnitte. Das würde jedoch nur dazu führen, dass die Website unbrauchbar wird.

    Vielen lieben Dank für Ihre Rückmeldung und Hilfe.

    Grüße
    Cedric

    #1440721

    Hey agonsports,

    I can’t see anything obviously wrong with the mobile layout on your site, could you post screenshots highlighting the problems you are seeing on your end please?

    Best regards,
    Rikard

    #1440792
    This reply has been marked as private.
    #1440849

    Hi,

    1. You can set the font size for each screen size in the styling tab in the element option.

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

    @media only screen and (max-width: 767px) {
    #kontakt .flex_column {
      transform: none;
    }
    }

    3. I’m not sure what is wrong with that screenshot, please try to explain a bit further.

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

    @media only screen and (max-width: 767px) {
    .home #av_section_2 .av-horizontal-gallery-slider {
      transform: none;
    }
    }

    Best regards,
    Rikard

    #1441278
    This reply has been marked as private.
    #1441330

    Hi,

    Thanks for the update. About #3; do you mean that the text and images are in the wrong order on mobile?

    Best regards,
    Rikard

    #1441459
    This reply has been marked as private.
    #1441465
    This reply has been marked as private.
    #1441558

    Hi,

    Thanks for the update.

    #3: You can set the order by changing the Column Behaviour When Fullwidth option under the Advanced tab in the element options, then change the Mobile Breakpoint Position for each cell under Advanced->Responsive in the element options.

    I’m not sure which CSS you are referring to, it might be better if we deal with one problem at a time.

    Best regards,
    Rikard

    #1441878
    This reply has been marked as private.
    #1441984

    Hi,

    2. Please try this instead:

    @media only screen and (max-width: 767px) {
    #kontakt .flex_column {
      transform: none !important;
    }
    }

    4. Please try this instead:

    @media only screen and (max-width: 767px) {
    .flex_column.av-1n7ac2-6781b5a3b08d691cafd925c4ace34ce8 {
      padding: 0;
    }
    }

    Best regards,
    Rikard

    #1442522
    This reply has been marked as private.
    #1442569

    Hi,

    #4, please try this instead:

    @media only screen and (max-width: 767px) {
    .flex_column.av-1n7ac2-6781b5a3b08d691cafd925c4ace34ce8 {
      padding: 0 !important;
    }
    }

    Best regards,
    Rikard

    #1443437
    This reply has been marked as private.
    #1443451

    Hi,

    Please try this CSS as well:

    @media only screen and (max-width: 767px) {
    .flex_column_table.av-equal-height-column-flextable.av-atsvwa-78c17b5ed00a4854b55002a0c0d8cc8a {
      margin-top: -80px !important;
    }
    }

    Best regards,
    Rikard

    #1443635

    Hello Rikard,

    perfect. That’s it.

    Thanks a lot for your help!

    Best regards

    #1443653

    Hi,

    Great, I’m glad that we could help. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

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