Search…

X3 Photo Gallery Support Forums

Search…
 
Korderos
Topic Author
Posts: 4
Joined: 30 Sep 2022, 08:43

Mobile version : remove menu icon

03 Oct 2022, 04:11

Hi,
I'm using photo gallery as single page app here http://capezzone.eu
No menu on screen on computer but I still have menu icon on mobile version that overlap my web title.
How can I remove this icon ?

Just in case of, an extra question : how can I add a blank frame around pictures on one gallery (and only one gallery) ?
I tried to add this in CSS but doesn't work
Code
.preview-image figure {
  border: 10px;
  border-color: white;
}
Thanks !
Last edited by Korderos on 03 Oct 2022, 04:53, edited 1 time in total.
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

Re: Mobile version : remove menu icon

03 Oct 2022, 04:43

Korderos wrote:No menu on screen on computer but I still have menu icon on mobile version that overlap my web title.
How can I remove this icon ?
Hmm, I thought there was some mechanism in place for that ... In any case, you can just add the following to Settings > Custom > Custom CSS:
Code
.sb-toggle {
  display: none;
}
Korderos wrote:how can I add a blank frame around pictures on one gallery (and only one gallery) ?
There is already an option under each page settings > Gallery > Styles and effects, which allows you to add or remove the "frame" class:
Image

The style can also be toggled globally in main Settings > Page > Gallery, where you would add the DEFAULT, and then override this on a per-page basis.

If you want to add your own styled frame, you would need to add a custom class for that in custom CSS, and assign it on a per-page basis. Not complicated, but you would need to know CSS, or ask me.
 
Korderos
Topic Author
Posts: 4
Joined: 30 Sep 2022, 08:43

Re: Mobile version : remove menu icon

03 Oct 2022, 05:08

Thanks you so much !!!! Menu icon disappeared !

I added white borders successfully. It works great on computer but not on mobile.
I added this on custom CSS for the page :
Code
.frame figure {
  border-color: white;
}
Maybe it's a different class for mobile version ?!?!
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

Re: Mobile version : remove menu icon

03 Oct 2022, 06:34

Do you have a link so I can see what's going on? I can't see any borders ...
 
Korderos
Topic Author
Posts: 4
Joined: 30 Sep 2022, 08:43

Re: Mobile version : remove menu icon

03 Oct 2022, 07:42

mjau-mjau wrote: Do you have a link so I can see what's going on? I can't see any borders ...
I added borders only on this gallery : http://capezzone.eu/galleries/Peau-Courbes-Et-Lumieres/
But not visible on mobile
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

Re: Mobile version : remove menu icon

03 Oct 2022, 23:15

Because of how the layout breaks on mobile and there is less space, default frame is not applied on small screens (mobile). You can use this to force frame on all screen sizes:
Code
.frame figure {
  border: 6px solid white;
}
 
Korderos
Topic Author
Posts: 4
Joined: 30 Sep 2022, 08:43

Re: Mobile version : remove menu icon

04 Oct 2022, 03:59

Perfect !!!! Many thanks for your help !