Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1249903

    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.

    #1250264

    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

    #1250296

    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, 1 month ago by Jannes92.
    #1253023

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

    #1253024

    any news?

    #1253026

    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

    #1253045

    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

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.