Few questions for mobile and tablet

[artsomething]

Hello,

My website is almost finished and I am checking all the details

1. I don’t need the white background on the lightbox and it’s often on the top of portrait images.

2. On the mobile the social logo of the expanded panel are hidden by the address bar. How I can put them a bit higher in the page? I would like to do the same on the desktop version

3. When the background of the page is not the same as the background of the expanded panel it looks a bit weird at the top and the bottom. Is there a way to have the color of the background of the expanded panel on all the screen

4. this question is mostly the same as the last one. When the lightbox is on and the background color not the same color. Is there a possibility to have the lightbox color everywhere on the screen or same color of the background page.

thanks a lot

Website

[SeaTheme]

Hi,

Please paste the custom CSS code to “Appearance > Customize: Additional CSS”

1.

.pswp__ui--fit .pswp__caption, .pswp__ui--fit .pswp__top-bar {
    background-color: transparent;
}

2.

@media (max-width:991.98px) {
  .iOS .wrap-all { 
    min-height: 100svh;
  } 
  body.iOS:not(.page_from_top):not(.navi-top-menu):not(.navi-side-menu) .menu-panel {
     margin-top: 0px;
  }
  .iOS.responsive-ux:not(.navi-top-menu) .menu-panel-inn {
    height: 100svh;
    min-height: 0;
    margin-top: -50px;
 }
}

3/4
Please leave the issued webpage URL for item3/4

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[artsomething]

1. it’s not working

2. and for desktop

3. it’s on every pages on the mobile version as it’s the expanded panel

4. example of page https://arthuroscar.com/work/marinatestino/ but I have the problem with other pages and other colors.

thanks a lot

[SeaTheme]

Hi,
1/4. Please try to purge the cache of the minify plugin.
If it does not work, paste a issued page(with lightbox) URL
ps: I check some pages, but I did not find a page with a lightbox.

2. Add the custom CSS also:

@media (min-width:992px) {
 .menu-panel-bottom-centered .menu-panel-bottom { 
    margin-bottom: 40px;
 }
}

3.

When the background of the page is not the same as the background of the expanded panel it looks a bit weird at the top and the bottom.

Do you talk about the top bar? Please check the screenshot:https://www.dropbox.com/scl/fi/5palxj5lul5d2abhws6iz/WX20231004-183706.png?rlkey=9nc48kc2m29oh91a71tyegzb3&dl=0
What area of the bottom problem are you referring to?

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[artsomething]

1 / 4 I add the custom css again so you see.
The lightbox is only on mobile version for example on this page https://arthuroscar.com/work/marinatestino/
It’s cropping the expanded panel on the desktop version. The social logos are not visible anymore.

2. perfect thank you

3. yes I’m talking about the top bar, it’s still the website. And behind the adress bar you can see/imagine the yellow which is not the same color as the expanded panel.

thank you

[SeaTheme]

This reply has been marked as private.

[artsomething]

This reply has been marked as private.

[artsomething]

This reply has been marked as private.

[SeaTheme]

Hi,

• The top bar of Lightbox was fixed,
  update the CSS as:

  .pswp-light-skin .pswp__ui--fit .pswp__caption, .pswp-light-skin .pswp__ui--fit .pswp__top-bar {
      background-color: transparent;
  }

• To disable iOS Safari status bar color, added codes :
  CSS:
  body{background-color:transparent!important;}
  meta tags on header.php :

  <meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)">
  <meta name="theme-color" content="#000000" media="(prefers-color-scheme: dark)">

ps:
I stopped caching the plugin so as not to interfere with testing. In the testing phase it is not necessary to turn on the caching plugin, it will only bring disruption

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[artsomething]

Perfect for the light box thank you.

It’s working. I will have prefer to keep it and be able to manage the color of the top and the bottom of the expanded panel and lightbox but I imagine it’s not possible.
I will see if I keep it or not and thank your for the explanation/details.

[SeaTheme]

You are welcome!

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[Author]

Posts