Fancybox view - share buttons

Rainer Goergen · 2019-08-16 22:16:09

Hi, in my custom css I have had this code to hide the share buttons:

li.share-twitter {
display: none;
}

But after some Backlight updates they are all visible again. Whatˋs the new code I need?

Thanks, Rainer

——-

Edit: It's curious, on mobile mode, the share buttons are not visible, only Google Maps.
What is the different to desktop mode?

——-

Edit: What has changed in the code? My scroll to top arrow, placed since over a year in the right bottom edge is now in the left bottom in desktop view. I didn't change the website since 1 year. In mobile mode, the arrow is at the right position!

??? I am angry!!! (Edit: of me - it was my mistake - see Rods las post)

——

CSS Code for Scroll to Top:

.btn-scroll-to-top {
background-color: transparent;
display: none;
position: fixed;
bottom: 5px;
right: 5px;
border: 1px solid;
height: 32px;
width: 32px;
border-radius: 50%;
text-align: center;
line-height: 29px;
vertical-align: middle;
text-decoration: none;
color:#FFFACD;

}

.btn-scroll-to-top:hover {
text-decoration: none;
color:#2196f3;
}

a.btn-scroll-to-top {
z-index: 3;
}

Last edited by Rainer Goergen (2019-08-17 16:02:54)

rod barbee · 2019-08-17 02:27:14

as far as the social buttons showing up, look in your css starting at line 65. A media query affecting metadata in thumbnails starts there for screens with a max-width of 992px. This is why your css is working on smaller devices. you need to close it out after that rule.

This open media query is also affecting your scroll to top button.

Rainer Goergen · 2019-08-17 07:02:01

I have known that you will help me.

Thank you very much. Now I am no longer angry.
Greetings from my holiday in the Netherlands.

Rainer

Last edited by Rainer Goergen (2019-08-17 07:02:33)

Rainer Goergen · 2019-08-17 07:12:26

But this media query is for the metadata. Don't know what you mean. I never changed the pangolin.css since over a year and it works correct. Some days ago I noticed the error.

Rainer

rod barbee · 2019-08-17 07:23:59

yes, but the media query isn't formed correctly. And for that reason it's affecting everything that follows.

This is how it is now:

@media only screen and (max-width: 992px) {
	ul.image_metadata { /* im mobilen Modus < 992 px wird das Metadatenfeld nicht mehr angezeigt */
    display: none;
}

this is how it should be:

@media only screen and (max-width: 992px) {
	ul.image_metadata { /* im mobilen Modus < 992 px wird das Metadatenfeld nicht mehr angezeigt */
    display: none;
}
}

I have no idea why it was working before. I can only tell you that it isn't working now and never should have been working. The 25 or so rules after that media query are included in it, and are not being applied to larger sized browser displays. So just fix the media query and the site should be good to go.

Rainer Goergen · 2019-08-17 15:59:45

Oh Rod, I am stupid and had forgotten this.
I have found the second clamp some day ago and I thought, that this is an error of mine, so I have deleted it.

Never change a running system

Thanks

Rainer Goergen · 2019-10-05 19:19:47

Maybe I have done somewhere a mistake, but I don't know.
Since yesterday I have seen, that in fancybox the social media share button to twitter is visible again.
So I have set a media query at the end of my pangolin_iconic.css, that it will not displayed under 992px.

In the middle of the file I have had it deactivated since month and it worked.

------

Now, on my Mac, the share button is also displayed again in desktop size resolution. On my iPad no --- ?

I am confused again.

Rainer

rod barbee · 2019-10-05 22:38:41

that sounds right. the media query hides the twitter button for devices up to 992px wide. Desktop displays are wider than 992px so the icon will display.
The ipad, in landscape orientation, is wider than 992px so it probably displays there too.

Rainer Goergen · 2019-10-06 15:01:28

Error found, thanks Pideja.

Checked the css file with this tool:

https://codebeautify.org/cssvalidate

The error was in the css file I have uploaded from my Mac.

I didn't closed the underline ==== with */.

I am ashamed.

Rainer

Last edited by Rainer Goergen (2019-10-06 15:40:55)

Community @ The Turning Gate

#1 2019-08-16 22:16:09

Fancybox view - share buttons

#2 2019-08-17 02:27:14

Re: Fancybox view - share buttons

#3 2019-08-17 07:02:01

Re: Fancybox view - share buttons

#4 2019-08-17 07:12:26

Re: Fancybox view - share buttons

#5 2019-08-17 07:23:59

Re: Fancybox view - share buttons

#6 2019-08-17 15:59:45

Re: Fancybox view - share buttons

#7 2019-10-05 19:19:47

Re: Fancybox view - share buttons

#8 2019-10-05 22:38:41

Re: Fancybox view - share buttons

#9 2019-10-06 15:01:28

Re: Fancybox view - share buttons

Board footer