Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 1, 2020 at 4:33 pm #1249903
    Jannes92

    Hello dear Support,

    I have a weird problem! When I open my page on mobile, Android Samsumg Galaxy S9, the Logo/Partner Elemet Widget in Footer (custom Page as Footer) is not displayed. Once I turn the phone to landscape, the Elements are displayed and when turned back to portrait the elemts still show as desired.
    If I open the page in landscape on phones browser from the beginning, all fine.

    The only custom css I have concerning the custom footer page is:

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all .slide-entry {
    margin-left: 0 !important;
    width: 33% !important;
    float: left !important;
    clear: none !important;
    margin-bottom: 0;
}}

@media only screen and (max-width: 451px) {
.responsive #top #wrap_all .slide-entry {
    margin-left: 0 !important;
    width: 50% !important;
    float: left !important;
    clear: none !important;
    margin-bottom: -16px !important;
}}

    Any ideas? Thank you.

    October 3, 2020 at 6:22 am #1250264
    Rikard

    Hey Jannes92,

    This CSS seems to be causing the problem:

    @media only screen and (max-width: 451px) {
.responsive #top #wrap_all .slide-entry {
    margin-left: 0 !important;
    width: 50% !important;
    float: left !important;
    clear: none !important;
    margin-bottom: -16px !important;
}}

    What happens if you remove it?

    Best regards,
    Rikard

    October 3, 2020 at 11:36 am #1250296
    Jannes92

    Hey, thanks for your answer!

    I removed it temporarly and I tried it out and it shows on startup but not properly.
    Instead I have another weird problem that second row is not showing correctly. The Logo which should be first is in third place, and not in line but more up. That was the reason why I chose to only show two columns for small screens.

    1,3,4th column are fine!

    I tried to change the pictures. I put them in different order. But always the same!
    Sending you a screenshot. I am fine having 3 columns on <451px but the elements have to be in right order an aligned correctly.

    • This reply was modified 4 years, 2 months ago by Jannes92.
    October 15, 2020 at 2:28 pm #1253023
    Jannes92

    Hey support,
    any news/ideas on this?
    Greetings,
    Jannes

    October 15, 2020 at 2:29 pm #1253024
    Jannes92

    any news?

    October 15, 2020 at 2:41 pm #1253026
    Jannes92

    Nevermind!

    I added:

    ‘@media only screen and (max-width: 451px) {
    .responsive #top #wrap_all .slide-entry {
    margin-left: 0 !important;
    width: 50% !important;
    float: left !important;
    clear: none !important;
    margin-bottom: 0;
    }
    }’

    and it works now!

    Sorry for the confusion!
    Have a great day

    October 15, 2020 at 3:27 pm #1253045
    Yigit

    Hi,

    Glad you figured it out and thanks for sharing your solution!

    Please let us know if you have any other questions or issues and enjoy the rest of your day!

    Best regards,
    Yigit

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Footer Logo/Partner Element is not showing on mobile Portrait’ is closed to new replies.