Personify Mogul not Responsive

Support
#1

If you go to https://idahoradio.com/iradio-vision/ you can see the page won’t display properly on Mobile

#2

Hello @mlbass,

Thanks for writing to us.

I would suggest you please have a look at this doc to learn more about how to style a responsive layout.

I tried to access your site dashboard, but the given login credentials are not working. Please recheck and send it again.

Thanks

#3

So what you’re telling me is that when I buy Max and use the standard Personify template, I do not get a fully operational website? I have to mobilize your personify template? Or, did you not look at the title of this post. I don’t understand your response. I thought I was paying you for an out-of-the-box solution.

#4

Hello @mlbass,

The Mogul site demo is responsive.

image
image567×775 113 KB

We have checked it on both desktops and small screens before launching the demo.

I went ahead and inspected the homepage of your site. I noticed that you have modified the Grid settings. I am just not sure if it was by accident or made the changes intentionally. We can compare the arrangements of the Cells on the page:

Original:

image
image1368×874 301 KB

Current:

image
image1317×817 133 KB

I have attached a link to the Mogul page template so that you can copy and paste the styles of the Grid element.

If you can provide us with your updated WP details, we would love to log in to your site and revert the styles of the Grid.

Kindly let us know how it goes.

#5

I put the staging site URL and login in the secure note.

UPDATE: It was an entry I made in the Global CSS (for another page). It was a podcast post so couldn’t figure out how to make it just a page CSS. Sorry I wasted your time. I forgot to look at this first.

  • GLOBAL CSS
    ================== */

.x-grid {
grid-template-columns: repeat(auto-fit, minmax(clamp(1px, 100%, 340px), 1fr)) !important;
}

#6

Hey @mlbass,

It sounds like this is already resolved. Using the .x-grid selector is not recommended. What we recommend is you assign an ID or Class to your Grid or any element then target the ID or Class. Another recommended method is using the Element CSS.