Misalignment of Albums on mobile

  • Resolved mikejpryor

    (@mikejpryor)


    5 years, 10 months ago

    I have created a number of Albums which display fine on laptops, but when used on a mobile phone the images are mis-aligned.

    For example, I have a page displaying an Album (Basic Compact Album) containing three Galleries : Join Now, Magazine and Become a Member. The Descriptions are displayed, and Join Now and Magazine occupy one line, but Become a Member occupies two lines. On a laptop the three “buttons” are perfectly aligned, but on a mobile phone the Become a Member button is raised up above the other two.

    My site is not live yet so I can’t send a link, but it will be live in a week or so.

    If you have a fix for this it would be great. Thanks

    • This topic was modified 5 years, 10 months ago by mikejpryor.
Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Support Mihai Ceban

    (@mihaiimagely)

    Hi @mikejpryor,

    It looks like you are using some custom description constructions ( most likely using HTML tags ) and we’ll need to take a look as soon as the site will go live to take a look at the page’s responsiveness.

    Thread Starter mikejpryor

    (@mikejpryor)

    Hi, thank for your reply. I guess it is possible that there are some custom description constructions, although I have not done that myself because I have used only the dialogs provided by WordPress. Anyway, I would appreciate it if you could have a look once the site goes live, which will be in the next 15 days. Many thanks, I will contact you again when we are live

    Please, keep us posted.

    Thread Starter mikejpryor

    (@mikejpryor)

    Thanks, I intend to put the site live within the next 7 days. Once I have done so I will let you know, to investigate further. Many thanks

    Thanks to you!

    Thread Starter mikejpryor

    (@mikejpryor)

    Hi, I have just put the web site live and confirm that I can still see misalignment of the Albums on mobile devices. The web site is https://www.phillumeny.com. If you visit the PHILLUMENY page you will see that the Album with a two-row caption is misaligned with the others.I’d like to know any suggestion you have, and am happy to give you log on to the web site to investigate. Thanks

    Plugin Support Mihai Ceban

    (@mihaiimagely)

    Hi @mikejpryor,

    Thanks for providing the example. It looks like this misalignment may occur only in Safari browser when using various descriptions’s length for the galleries.

    Can you please try to add this CSS rule that should fix the problem by removing the max-width limit and respectively by showing up the caption entirely in 1 line by adding the rule to “Gallery -> Other Options -> Styles”

    .ngg-album-compact h4 .ngg-album-desc {
max-width: none !important;
}
    • This reply was modified 5 years, 10 months ago by Mihai Ceban.
    • This reply was modified 5 years, 10 months ago by Mihai Ceban.
    Thread Starter mikejpryor

    (@mikejpryor)

    Hi, thanks for your reply.

    I have applied the code and can see that the Album ‘buttons’ are now wider whenever necessary. However, although that is true on my laptop and on my iPad (using Safari) the buttons do not appear to have changed on my iPhone (using Safari) – they are still multi-line and misaligned. That’s strange, and maybe I need to re-boot my iPhone.

    Thanks for your help

    Hello @mikejpryor

    Perhaps you can use the incognito mode in your mobile device?
    Please, let us know how it goes. We are happy to help!

    Thread Starter mikejpryor

    (@mikejpryor)

    Hi, I reloaded my iPhone and it’s all fine. Thanks once again for your help fixing this.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Misalignment of Albums on mobile’ is closed to new replies.