Tagged: responsive
-
AuthorPosts
-
April 24, 2024 at 4:15 pm #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
CedricApril 24, 2024 at 7:47 pm #1440721Hey 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,
RikardApril 25, 2024 at 10:48 am #1440792This reply has been marked as private.April 25, 2024 at 5:11 pm #1440849Hi,
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,
RikardApril 29, 2024 at 10:20 am #1441278This reply has been marked as private.April 29, 2024 at 7:04 pm #1441330Hi,
Thanks for the update. About #3; do you mean that the text and images are in the wrong order on mobile?
Best regards,
RikardApril 30, 2024 at 3:39 pm #1441459This reply has been marked as private.April 30, 2024 at 4:07 pm #1441465This reply has been marked as private.May 1, 2024 at 10:11 am #1441558Hi,
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,
RikardMay 2, 2024 at 12:25 pm #1441878This reply has been marked as private.May 2, 2024 at 8:19 pm #1441984Hi,
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,
RikardMay 7, 2024 at 8:33 am #1442522This reply has been marked as private.May 7, 2024 at 4:00 pm #1442569Hi,
#4, please try this instead:
@media only screen and (max-width: 767px) { .flex_column.av-1n7ac2-6781b5a3b08d691cafd925c4ace34ce8 { padding: 0 !important; } }
Best regards,
RikardMay 14, 2024 at 4:19 pm #1443437This reply has been marked as private.May 14, 2024 at 5:10 pm #1443451Hi,
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,
RikardMay 15, 2024 at 10:00 am #1443635Hello Rikard,
perfect. That’s it.
Thanks a lot for your help!
Best regards
May 15, 2024 at 11:18 am #1443653 -
AuthorPosts
- You must be logged in to reply to this topic.