Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • April 24, 2024 at 4:15 pm #1440695
    agonsports

    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

    April 24, 2024 at 7:47 pm #1440721
    Rikard

    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

    April 25, 2024 at 10:48 am #1440792
    agonsports
    This reply has been marked as private.
    April 25, 2024 at 5:11 pm #1440849
    Rikard

    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

    April 29, 2024 at 10:20 am #1441278
    agonsports
    This reply has been marked as private.
    April 29, 2024 at 7:04 pm #1441330
    Rikard

    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

    April 30, 2024 at 3:39 pm #1441459
    agonsports
    This reply has been marked as private.
    April 30, 2024 at 4:07 pm #1441465
    agonsports
    This reply has been marked as private.
    May 1, 2024 at 10:11 am #1441558
    Rikard

    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

    May 2, 2024 at 12:25 pm #1441878
    agonsports
    This reply has been marked as private.
    May 2, 2024 at 8:19 pm #1441984
    Rikard

    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

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