Page 1 of 1

Mobile version : remove menu icon

Posted: 03 Oct 2022, 04:11
by Korderos
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 !

Re: Mobile version : remove menu icon

Posted: 03 Oct 2022, 04:43
by mjau-mjau
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.

Re: Mobile version : remove menu icon

Posted: 03 Oct 2022, 05:08
by Korderos
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 ?!?!

Re: Mobile version : remove menu icon

Posted: 03 Oct 2022, 06:34
by mjau-mjau
Do you have a link so I can see what's going on? I can't see any borders ...

Re: Mobile version : remove menu icon

Posted: 03 Oct 2022, 07:42
by Korderos
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

Re: Mobile version : remove menu icon

Posted: 03 Oct 2022, 23:15
by mjau-mjau
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;
}

Re: Mobile version : remove menu icon

Posted: 04 Oct 2022, 03:59
by Korderos
Perfect !!!! Many thanks for your help !