Hey!

We are very sorry for the late response.

In the previous thread, we added an actual video element using the same url in place of the slider. This video will show up on mobile view only. We did this because background videos are disabled on mobile by default. The steps are provided here: https://kriesi.at/support/topic/home-page-video-on-mobile-phone/#post-449787

Regards,
Ismael

Hi!

We would like to check this but the item is now hidden on mobile:

@media only screen and (max-width: 989px) {
.desktop-only {
    display: none;
}
}

Are you ok with this workaround?

Cheers!
Ismael

Hey Guenter,

Thank you for using Enfold.

Create another container under the wrap_all container in the header.php file:

<div class='mega-bg'></div>

Style it with this css:

.mega-bg {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    position: absolute;
    display: none;
    z-index: 500;
}

And then use the following code in the functions.php file:

add_action('wp_footer', 'ava_new_custom_script');
function ava_new_custom_script(){
?>
<script type="text/javascript">
(function($) {
	function j() {
		var mega = $('.menu-item-mega-parent'),
			bg = $('.mega-bg');

		mega.on({
			mouseover: function() {
				bg.stop().fadeIn(100);
			},

			mouseleave: function() {
				bg.stop().fadeOut(100);
			}
		});
	}

	j();
})(jQuery);
</script>
<?php
}

Best regards,
Ismael

Hey craigriches!

Please remove following codes

#top div .avia-gallery .avia-gallery-big.fakeLightbox {
    border-color: transparent;
    padding: 0;
}

#top div .avia-gallery img.avia_start_animation {
    border-color: transparent;
    padding-left: 0px;
    background-color: transparent;
}

from /css/app.css file

Regards,
Yigit

Hi!

You probably added a code similar (or the same) to following one

#top div .avia-gallery .avia-gallery-big {
    border: none;
}

Please remove it. If that does not help, please start a new thread and post the link to your page.

Cheers!
Yigit

Hi!

Please change your code to following one

.phone-info {font-size: 18px !important;color:#84C570 !important;}

#header .widget {
left: 60%;
padding-top: 55;
position: absolute;
top: 0;
transform: translate(-50%);
z-index: 999;
}
@media only screen and (max-width: 767px) {
#header_main {
height: 140px;
}
#header .widget {
width: 100%;
left: 20px;
transform: none;
top: 50px;
}
}

Currently there is a missing closing curly bracket in your code.

Cheers!
Yigit

• This reply was modified 9 years, 6 months ago by Yigit.

Hey!

Please change the code to following one

.html_elegant-blog #top .post-entry .post-title {
    padding-bottom: 0;
    font-size: 15px;
    text-transform: none;
}

And insert your title as you would like to display it.

Regards,
Yigit

Hi,

I added following code to Quick CSS in Enfold theme options > General Styling

.html_elegant-blog #top .post-entry .post-title {
    padding-bottom: 0;
    font-size: 15px;
    text-transform: lowercase;
}

I also changed [no link] to [nolink]. Please review your website now

Best regards,
Yigit

Hi,

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

@media only screen and (max-width: 767px) {
#header_main {
    height: 140px;
}
#header .widget {
    width: 100%;
    left: 20px;
    transform: none;
    top: 50px;
}
}

Best regards,
Yigit

Hi,

Can you please try adding only the first line of Ismael’s code?

#top #av-layout-grid-1 .no_margin.av_one_third {
    padding-left: 5px !important;
}

Best regards,
Yigit

Hi Ludek!

Thank you for contacting us!

We would definitely recommend Enfold theme as it is the most powerful, flexible and user friendly theme we have ever created. You can import one of Enfold demos with a single click in Enfold theme options > Demo Import and start customizing your website right away.
Enfold uses Advanced Layout Builder (please go to – http://kriesi.at/documentation/enfold/videos/ and check out “Intro to the Advanced Layout Editor” video to see how it works. Currently there are many more elements on ALB and we are adding new ones with major updates), which means you do not need to have any coding experience.

You can check out Enfold showcase thread here – https://kriesi.at/support/topic/enfold-showcase/page/38/ to see what other users made with Enfold.

I hope that was helpful. If you have any other questions, please feel free to contact us again :)

Best regards,
Yigit