[Paula Gust]

Looking at the vendors on the community page on mobile, the layout is not the best, screenshot attached. The business name should fall on one line opposed to two, and not break beside the image – how do i fix this?.

Attachments:

You must be logged in to view attached files.

[Steven Zahm]

@ Paula

Add the following to the theme’s custom CSS area commonly found in the Customizer.

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  #cn-profile div.cn-entry span:first-of-type {
    float: none !important;
  }
}

Alternatively, you could wait. I have included this tweak in the next update scheduled for this week.

[Paula Gust]

Hello – after updating the plugin, the images are no longer centered on mobile view – see attached screenshot… ? what css would I use to make this happen?

Attachments:

You must be logged in to view attached files.

[Steven Zahm]

@ Paula

There have not actually been any style changes, especially to the Profile template in quite some time and definitely not in any of the recent updates.

You do have quite a few custom CSS rules, perhaps, one of those was recently tweaked which removed centering that you might have added???

Any way try this:

@media only screen and (max-width: 600px) {
    span.cn-image-style {
        display: block !important;
    }
    span.cn-image-style span {
        margin: 0 auto !important;
        text-align: center !important;
        display: block;
    }
    img.cn-image {
        margin: 0 !important;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width :480px) {
    #cn-profile div.cn-entry span:first-of-type {
        text-align: center;
    }
}

You may or may not have to receive some you your existing CSS rules so these will be properly applied.

[Author]

Posts