Thank you so much – but it still fades in and out. THe little green animation on top of the images is gone though. That’s progress!

this did not seem to work to show the TAGS unless we did something wrong.
The CATEGORIES is also still not showing or have I missed something

We created the folder on the server in the Enfold Child and followed your instructions:
#710134 REPLY.

Here is the example page:

The DATE/COMMENTS/AUTHOR is there now thanks from before.

there is some progress : )

• This reply was modified 9 years, 4 months ago by DaraEmerson.

Hi,

1. Oh, you have misunderstood me. It’s not the social icons in the top menu, but the social icons in the contents (the red ones): http://www.myredbag.dk/kontakt
2. Okay, I will try that.

Best regards,
Helle Østergaard

Hi Rikard,
Thanks for your reply.

If you visited the desktop version of the website you saw a layer slider, and if you visited the website from a mobile you saw a different layer slider (that has a striped background and a border around it, which I don’t like – and that is my problem).

That’s because I pasted this code to the CSS:

@media only screen and (max-width: 767px) {
#homeslider {
display:none !important;
}
}

#homeslidermobile { display: none; }
@media only screen and (max-width: 767px) {
#homeslidermobile { display: block !important; }
}

I noticed that if I place the (mobile-designed) Layerslider instead of the text box containing it, the problem of the background and border disappears, so either I find a way to hide the Mobile LS when visiting from a desktop (because in the desktop version I still want the parallax effect, available only if I put the LS inside of a text box) or the other solution would be to find a way to hide the background and border on the text box containing the Mobile LS (when visiting from mobile).

I’m trying to explain myself as good as I can, but I realize that the matter seems complicated. Maybe if you could visit the website from a desktop and a mobile you’ll be able to understand better what I’m talking about.

Thank you very much

This is from my developer:

Thanks for all of your help and suggestions in getting this resolved. I appreciate all of the ideas, but I think the problem is different. You have acknowledged that there is a difference in mobile vs. mobile simulated on browser, and you have suggested that this is due to bugs with fixed positioning in mobile and/or that we are simply not applying the right CSS commands. Based on my testing, I suggest an different theory: the theme is using javascript to detect mobile browsers and is then adding classes or styles which are overriding our custom CSS. I suspect the javascript is setting background size and position to make sure that no matter what image has been uploaded, the area at the top is filled. This is a reasonable theory, considering the theme author had to account for a wide range of input from users. Maybe this is due to a setting that has been chosen in the theme settings. If you can think of any setting that may be affecting us, that would be helpful.

To support my theory, I’ve created a test page where I’ve extracted the pertinent HTML/CSS for the top banner region. I’ve added the same mobile-targeted media query that I’ve added to the site. My test page looks the same in desktop when I simulate a mobile device as it does in an actual mobile device. I did this only to show that this is not a CSS or mobile-browser bug issue: http://www.abeautifulceremonynw.com/newsite/main-mobile.html

So, what we are hoping to gain from you is knowledge or ideas about what the theme may be doing in response to detecting a mobile/tablet browser. We need your help to find this because it won’t show up in our desktop browser and so we can’t use developer tools to find it. Also, I don’t want to have to sift through all the site’s javascript J Ideas? If I know what it is doing, I can override it!

Hey Nikko,

Thanks for your CSS…. Works how I want it however I just find in portrait my captions still are cut off.

I am not great with dimensions however found Andy’s code with height at 300 worked but the landscape has no stretch so am I correct in thinking we change the size of the caption ? :

@media only screen and (max-width: 768px) {
.responsive #top .slideshow_caption h2 {
font-size: 15px !important;
}

16:31 pm

I have i have removed the css as I noticed it shrunk the content on the desktop.

I will have to now leave this to you guys to login and sort out. I hope not to change themes as spent a lot of time on this on.

Appreciate help so far.

• This reply was modified 9 years, 4 months ago by Epic.

Hi Yigit and Andy. Thanks for taking time to help.

Yigit: Your css did make captions visible again and did stop slider from collapsing at last frame. Thanks for always solving problems :-)

However playing with the position and framing/non framing options unfortunately still leaves a problem. Example: On the frontpage I for the first slide have chosen “Bottom framed” – and it turns out at the complete top of the slide?

I know – as you say – it should not be like this out of the box since everything works fine on my other Enfold sites with the exact same setup by the same host. Thats why I just can’t figure it out…

Andy: I cannot either reproduce the problem on my other Enfold installations. As I mentioned a few times they are working just fine with the same setup at the same host. And again: I did (more than once to make sure) delete all Enfold files via FTP and installed via ftp a fresh copy of latest Enfold. I made hard refresh of the browser and so forth. But maybe I am overlooking something, I don’t know, so you are more than welcome to try to do whatever you can via ftp. I will supply you with ftp-login i private content.

Very best regards

Hallo Andy,
xpoveda hat also asked the same question. I have tried the codes what Yigit offered on my website but it doesn`t work.

https://kriesi.at/support/topic/on-hover-effect-in-masonry-images/

Hello,

it is getting a little but confusing. I was not aware that I needed Ismaels code and your code at the same time.
Can you please write the whole code to insert so that´s no confusion please?

My code looks like this now, and it still brakes the subbuttons:
.sidebar_left {
-moz-box-shadow: inset -8px 0 20px -10px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset -8px 0 20px -10px rgba(0, 0, 0, 0.2);
box-shadow: inset -8px 0 20px -10px rgba(0, 0, 0, 0.2);

}
.sidebar_left .inner_sidebar {
margin-right: 0;
}

.sidebar_left .menu li a {
border: 1px solid #e1e1e1;
border-right: 0;
border-left: 0;
margin: 0 0 -1px;
padding: 12px 16px !important;
text-align: left;
}

.sidebar_left .menu li:first-child a {
border-top: 0;
}

https://kriesi.at/support/topic/remove-image-gallery-animation/#post-126380

I’m just working from the dashboard and do not know how to modify a .js file as the above link references.

Hi Andy,

I’ve just checked the login details. Should be working (see below) The fullstop ist not part of the password, maybe this was the problem.

Best regards,
Ellie

The question is:

a) How can I enable the “Extra Elements” to the header, but with an invisible header, whilst this “extra elements”act as a top bar?

b) I mean, the header would be invisible until scroll down, but meanwhile, the extra elements (top bar) would be sticked from the beginning.

c) Also, I have a picture in the website, and this extra elements (topbar) should be dark transparent, over the picture.

Here is the link: http://www.linchen.com.br/index.php/temp/