Hi,

Glad we could help, please let us know if you should need any more help on the topic.

Regards,
Rikard

Hi,

Great, glad you found a fix and thanks for sharing. Please let us know if you should need any more help on the topic.

Best regards,
Rikard

Hey hadas,

You linked to the overview page so I’m not sure what you are referring to, if you click Remove Frame in the top right of your screen on the URL you linked to you will be able to see the direct link.

Best regards,
Rikard

Hi,

Ok great, please let us know if you should need any more help on the topic.

Best regards,
Rikard

Hi,

Ok, thanks for the feedback. Please let us know if you should need any more help on the topic.

Best regards,
Rikard

Hi,

Glad we could help, please let us know if you should need any more help on the topic.

Regards,
Rikard

Hi,

Ok great, please let us know if you should need any more help on the topic.

Thanks,
Rikard

Hi,

I’m not sure if I understood your problem correctly or not but could you try to create another section to show for mobile only? You can then give your sections IDs and hide/show the correct one using CSS:

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

@media only screen and (min-width: 768px) {
#mobile-section {
display:none !important;
}
}

Thanks,
Rikard

Hi czig!

Thank you for using Enfold but please avoid duplicating the thread. Please continue here: https://kriesi.at/support/topic/editor-refuses-to-open-any-pages/

Regards,
Ismael

Hey!

Mobile devices such as iPhone or Androids do not autoplay videos due to various reasons (processors, bandwidth or data per unit cost etc), that’s why we included an option in color section to hide the video on mobile then show the background or fallback image.

Hide video on Mobile Devices?
You can choose to hide the video entirely on Mobile devices and instead display the Section Background image
Most mobile devices can’t autoplay videos to prevent bandwidth problems for the user

Related article: https://www.aerserv.com/why-does-video-autoplay-on-mobile-devices-not-work/

If you really need to show the video on the page, hide the color section then add the video element. You can then toggle the display of these elements by using css media queries. Example here:

https://kriesi.at/support/topic/home-page-video-on-mobile-phone/#post-449787

Regards,
Ismael

Hi @jomtones,

Please let us know if you should need any more help on the topic.

Best regards,
Rikard

Hi!

Add this:

@media only screen and (max-width: 767px) {
.responsive.html_header_top.html_mobile_menu_tablet #header_main .social_bookmarks {
    display: block !important;
    top: -5px!important;
    left: 50%;
    transform: translate(-50%, 0);
    width: 90%;
}
}

Reference: https://css-tricks.com/centering-percentage-widthheight-elements/

Best regards,
Ismael

Hey Bo!

Thank you for using Enfold.

The login credentials above are not working. Please check.

UPDATE: We get an error in the console. It’s coming from a custom script:

<script type="text/javascript">
$(function(){var t="https://upload.wikimedia.org/wikipedia/commons/c/ce/Transparent.gif",e=!0,o=new Image;o.src=t,$("img").live("mouseenter touchstart",function(){var o=$(this);if(!o.hasClass("Overlay")&&(e||o.hasClass("protectMe"))){var i=o.offset(),n=$('<img class="Overlay" src="'+t+'" width="'+o.width()+'" height="'+o.height()+'" />').css({position:"absolute",zIndex:9999999,left:i.left,top:i.top}).appendTo("body").bind("mouseleave",function(){setTimeout(function(){n.remove()},0,$(this))});"ontouchstart"in window&&$(document).one("touchend",function(){setTimeout(function(){n.remove()},0,n)})}})});
</script>

Best regards,
Ismael

Hi!

Adjust the width of the flex cells a little bit.

#top .no_margin.av_one_third {
    width: 33.2%;
}

Default width is 33.3%.

Best regards,
Ismael

Hey!

Yay! I hope so ;D
Please add following code to Quick CSS

.caption_framed .slideshow_caption .avia-caption-title { width: 100%; margin-bottom: 0; }
@media only screen and (min-width: 767px) {
.caption_framed .slideshow_caption .avia-caption-content p {
    min-height: 200px;
}
#top .avia-slideshow-button {
    margin-top: 0;
    position: relative;
    top: -60px;
    margin-left: 10px;
}
#top .avia-slideshow-button {
    color: black!important;
    background: transparent!important;
    border: 3px solid black;
}}

Cheers!
Yigit

Hi Harris!

Please add following code to Quick CSS in Enfold theme options under General Styling tab

@media only screen and (max-width: 480px) {
div#main { padding-top: 100px !important; }}

then please disable CSS minifying feature on the plugin you are using it and then flush cache a few times.

Cheers!
Yigit