Recent Update Conflict with Previous Code Provided

[Cindy]

Cindy

March 14, 2019 at 5:09 pm

Hi! I had a problem where I was trying to display my image menu on the home page(s) so it would display 2 items across on mobile devices. You supplied some code that worked great until a recent update – honestly not sure when it broke because it only affects how it is displayed on mobile devices. Here is the code you previously provided:

@media (max-width: 780px){
#pg-7-0 .panel-grid-cell {
width:50% !important;
float:left !important;
text-align:center;
padding:0 5px !important;
}
#pg-7-0> .panel-row-style {
display: block;
padding:0 5px !important;
}

Since the update this creates a conflict. It still displays 2 columns like we want, however it corrupts the next 2 sections which are now compressed on a mobile device. This is a multi-site and I have left one of the sites with the above code so that you can see how it displays since the update: *Login to see link
I have removed the above code from the other location sites. You can see how it displays without the code here: *Login to see link
I understand your policy and realize you cannot be writing code for websites. However, since this involves previous code I’m really hoping we can identify the problem easily. Any help you can provide will be greatly appreciated.