Forum Replies Created
-
AuthorPosts
-
Ok, you can close this thread.
August 4, 2016 at 7:34 pm in reply to: Fullscreen Slider & Color Sections at 100% Browser Height With Fixed Frame #668697I see. I have added the js folder to my child theme. Can you tell me how to modify the code to fix this please?
Thanks, you can close this thread.
- This reply was modified 8 years, 3 months ago by djshortkut.
Thanks Rikard! You can close this thread.
Thanks Vinay. It seems to be happening primarily on this page.
Never mind, I figured it out. You can close this thread.
I don’t have any caching plugins. I already tried disabling all of my plugins but it didn’t make a difference.
It seems to happen when I scroll down the page quickly. The only way I can get it to look correct is by refreshing the page or resizing my browser. I need a way to make it so the logo doesn’t overlap the other content in the footer anymore.
- This reply was modified 8 years, 3 months ago by djshortkut.
Thank you Andy! You can close this thread.
Yep, that was it. Thanks Josue, you rock! You can close this ticket.
So I found the chunk of code that is causing the issue. Unfortunately it is code that I need on my site. All of this code has to be removed in order for the fixed frame to work on my site. Not sure why this particular code would be affecting the use of the fixed frame anyway. Any ideas on how to make the fixed frame work while still using this code?
@media only screen and (max-width: 1024px) { .page-id-4990 .av-overlay-on-hover .av-image-caption-overlay { opacity: 1; filter: alpha(opacity=100); }} @media only screen and (max-width: 1024px) { .page-id-4990 .av-caption-image-overlay-bg { background-color: rgba(0,0,0,0.2) !important; } @media only screen and (max-width: 1024px) { .page-id-5276 .av-overlay-on-hover .av-image-caption-overlay { opacity: 1; filter: alpha(opacity=100); }} @media only screen and (max-width: 1024px) { .page-id-5276 .av-caption-image-overlay-bg { background-color: rgba(0,0,0,0.2) !important; } @media only screen and (max-width: 767px) { ul#mobile-advanced { padding-top: 0; margin-top: 80px; } @media only screen and (max-width: 480px) { #advanced_menu_hide { top: 40px !important; right: 28px !important; }
Thanks. Can you tell me which code is causing this in my quick css so I can remove/modify it to fix the issue? I have no idea where to start.
Thank you! You can close this thread.
Thanks Yigit! You can close this thread.
Sure, here you go.
Thanks Yigit. I added a custom css class to each of the grid row cells of custom-grid-row-section-padding and added the above code into quick css with my custom css class and it didn’t seem to work.
I figured out a different solution. You can close this thread.
Deleting the entire Enfold folder and then re-uploading enfold via FTP fixed the problem for me as Kriesi suggested.
Exactly what I was looking for. Thanks Yigit! You can close this thread.
That worked perfectly, thanks Vinay! You can close this thread.
Well, can you give me some quick css to move caption title, caption text, and buttons up a little bit?
Thanks Vinay, that worked! You can close this thread.
Thanks, you can close this thread.
There are 2 issues I noticed so I had to remove the code temporarily so it wouldn’t mess up my site:
1. I already have some custom css (below) that adjusts the height of the fullscreen slider. The code you provided adjusts the height of all of the color sections as well as the fullscreen slider on my homepage (which I don’t want) making it extremely short. I added a custom css class of fullscreen_color_section Can you modify the code to use this custom css class so it only targets the color section on this page?
@media only screen and (max-width: 420px) { .home div#fullscreen_slider_0 { max-height: 490px !important; overflow: hidden; } .home .avia-builder-el-0.avia-fullscreen-slider .avia-slideshow { height: 490px !important; }} @media only screen and (max-width: 767px) and (min-width: 480px) { .home div#fullscreen_slider_0 { max-height: 295px !important; overflow: hidden; } .home .avia-builder-el-0.avia-fullscreen-slider .avia-slideshow { height: 295px !important; }}
2. Here is what I’m seeing on my iPhone 6 with Safari. (See Image) where the special heading is not centered and too high.
Thank you Vinay! That works but now the special heading is not centered correctly in this section and is moved up to close to the header. How can I center the special heading at the same time?
- This reply was modified 8 years, 6 months ago by djshortkut.
Thank you very much! You can close this thread.
Thank you! You can close this thread.
Thanks, here you go.
Thank you! You can close this thread.
Thanks Ismael! You can close this thread.
Thank you Ismael, that worked perfectly!
Is there a way I can do the same thing with my fullscreen slider at the top of my homepage in landscape mode only so the heads on the image don’t get cut off by the header? Thanks!
-
AuthorPosts