Tagged: responsive
-
AuthorPosts
-
October 1, 2020 at 4:33 pm #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.
October 3, 2020 at 6:22 am #1250264Hey 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,
RikardOctober 3, 2020 at 11:36 am #1250296Hey, 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.
October 15, 2020 at 2:28 pm #1253023Hey support,
any news/ideas on this?
Greetings,
JannesOctober 15, 2020 at 2:29 pm #1253024any news?
October 15, 2020 at 2:41 pm #1253026Nevermind!
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 dayOctober 15, 2020 at 3:27 pm #1253045 -
AuthorPosts
- The topic ‘Footer Logo/Partner Element is not showing on mobile Portrait’ is closed to new replies.