Title: Make UI Persistent
Last modified: March 15, 2021

---

# Make UI Persistent

 *  [heyjoecampbell](https://wordpress.org/support/users/heyjoecampbell/)
 * (@heyjoecampbell)
 * [5 years, 2 months ago](https://wordpress.org/support/topic/make-ui-persistent/)
 * How may I make the navigation UI (counter, close button, arrows) persistent with
   the image within the top and bottom bars – so that UI bars never covers the image.

Viewing 5 replies - 1 through 5 (of 5 total)

 *  Plugin Author [Arno Welzel](https://wordpress.org/support/users/awelzel/)
 * (@awelzel)
 * [5 years, 2 months ago](https://wordpress.org/support/topic/make-ui-persistent/#post-14183843)
 * Sorry, this is not possible yet.
 * 1) PhotoSwipe will always display the UI on top of the image in mobile view –
   this is by design as images may become too small if they need to be small enough
   to leave room for the UI elements and captions.
 * 2) PhotoSwipe will always hide the UI elements after a given timeout.
 * Also see for reference: [https://photoswipe.com/](https://photoswipe.com/)
 * I created a Github issue for this, so maybe this will be changed in future updates:
   
   [https://github.com/arnowelzel/lightbox-photoswipe/issues/73](https://github.com/arnowelzel/lightbox-photoswipe/issues/73)
 * Edit:
 * In Desktop view it depends wether you enabled the option “Full picture size in
   Desktop view” – with this option enabled, the image will always be as large as
   possible and UI elements may overlap. If you disable this option, the UI elements
   will not overlap.
    -  This reply was modified 5 years, 2 months ago by [Arno Welzel](https://wordpress.org/support/users/awelzel/).
 *  Thread Starter [heyjoecampbell](https://wordpress.org/support/users/heyjoecampbell/)
 * (@heyjoecampbell)
 * [5 years, 2 months ago](https://wordpress.org/support/topic/make-ui-persistent/#post-14184174)
 * Thanks for the speedy response.
 * I was able to resolve it with CSS:
 * /* persistent ui */
    .pswp__ui–idle .pswp__top-bar, .pswp__button–arrow–right{
   opacity:1 }
 * It would cool if you had a pinned support topic and page on your website with
   such CSS snippets 😉 just a thought
 *  Plugin Author [Arno Welzel](https://wordpress.org/support/users/awelzel/)
 * (@awelzel)
 * [5 years, 2 months ago](https://wordpress.org/support/topic/make-ui-persistent/#post-14184246)
 * I just pinned this topic so others can find it more easily ;-).
 * About collecting CSS snippets: yes, that’s a good idea. I’ll see what I can do.
   In any case this should be linked in the backend as well, so people know where
   to find it.
 * Edit: don’t forget the other arrow to the left – this will hide as well and I
   believe `.pswp__ui–idle` has to be added to the arrows as well as this is the
   class which is added by PhotoSwipe to hide the elements:
 *     ```
       /* persistent ui */
       .pswp__ui–idle .pswp__top-bar,
       .pswp__ui–idle .pswp__button–arrow–left,
       .pswp__ui–idle .pswp__button–arrow–right {
       opacity:1
       }
       ```
   
    -  This reply was modified 5 years, 2 months ago by [Arno Welzel](https://wordpress.org/support/users/awelzel/).
 *  Thread Starter [heyjoecampbell](https://wordpress.org/support/users/heyjoecampbell/)
 * (@heyjoecampbell)
 * [5 years, 2 months ago](https://wordpress.org/support/topic/make-ui-persistent/#post-14184293)
 * Thank you – I updated my CSS.
 * And yes – offering a backend link to CSS Code Snippets would be awesome 😀
 *  Thread Starter [heyjoecampbell](https://wordpress.org/support/users/heyjoecampbell/)
 * (@heyjoecampbell)
 * [5 years, 2 months ago](https://wordpress.org/support/topic/make-ui-persistent/#post-14184384)
 * Note: the double dashes in your CSS have been changed to em dashes
    -  This reply was modified 5 years, 2 months ago by [heyjoecampbell](https://wordpress.org/support/users/heyjoecampbell/).

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Make UI Persistent’ is closed to new replies.

 * ![](https://ps.w.org/lightbox-photoswipe/assets/icon-256x256.png?rev=2906302)
 * [Lightbox with PhotoSwipe](https://wordpress.org/plugins/lightbox-photoswipe/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/lightbox-photoswipe/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/lightbox-photoswipe/)
 * [Active Topics](https://wordpress.org/support/plugin/lightbox-photoswipe/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/lightbox-photoswipe/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/lightbox-photoswipe/reviews/)

 * 5 replies
 * 2 participants
 * Last reply from: [heyjoecampbell](https://wordpress.org/support/users/heyjoecampbell/)
 * Last activity: [5 years, 2 months ago](https://wordpress.org/support/topic/make-ui-persistent/#post-14184384)
 * Status: not resolved