Hi,

1. You can move your calendar with this code:

.flex_cell.no_margin.av_one_fifth.avia-builder-el-24.el_after_av_cell_three_fifth.avia-builder-el-last {
position: relative;
top: -10px;
}

2. Turn on custom class for all ALB elements at first: kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Then provide a custom css class for your title element. Finally use a code like this in Quick CSS field:

.your-custom-class-for-title-element {
position: relative;
top: 50px;
}

3. Use this code:

#top .av-subnav-menu li a {
font-size: 16px;
}

and adjust as needed.

In the future please open different tickets for different questions.

Best regards,
Andy

Hi,

turn on custom class: kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Then give your image in question a custom class. Finally use this code in Quick CSS field:

.your-custom-class {
top: 227px;
}

and adjust as needed.

Best regards,
Andy

Hi,

no, they are different things. You can use video background for desktop and a normal video element on mobile only, if you’re following Ismael’s advice.

Best regards,
Andy

Hi,

please always open a new ticket for a new question/issue.

First turn on custom class for all ALB elements: kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Second give your headline in question a custom css class. Then use something like this in Quick CSS field:

@media only screen 
  and (min-width: 414px) 
  and (max-width: 736px) {
.your-custom-headline-class {
position: relative;
top: -1453px;
}
.avia-image-container.avia-align-center {
top: 85px;
}}

Best regards,
Andy

Hey Daan,

Thanks for getting in touch with us!

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

.home #advanced_menu_toggle {
    top: 35px;
}

Best regards,
Jordan

Hi,

Try the following:

.iconbox_top:hover .iconbox_content {
    background-color: #ff6000 !important;
}

.iconbox_top:hover .iconbox_content_title {
    color: #fff !important;
}

Best regards,
Jordan

Hi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

#footer p {
    margin: 0!important;
}
#footer .textwidget {
    padding-top: 10px;
    width: 100%;
    min-width: 245px;
}

Remove the below code added earlier

#footer .textwidget {
    padding-top: 20px;
}

Best regards,
Vinay

Hi,

Last time i commented out the below code

/*.av_minimal_header #header_main .container {
    height: 0px!important;    
}
*/

But it does not appear to be an issue. To find out which code is causing the problem please remove all the css from child theme and add it back one block at a time this should help you identify the problematic code.

Ok i figured it out please see the commented code and the new code added below.

/* #top .logo { left: 200px; top:200px;} */

#top .logo {
    left: -53px;
    top: 171px;
} 

Go ahead and replace the background image with the logo :)

Best regards,
Vinay

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

Hi,

Please use the code in an if statement.

function custom_func(){
?>
<script>
	jQuery(document).ready(function(){
		if (jQuery(window).width() < 767) {       // if width is less than 767px
   			MobileFunctions();                 // execute mobile function
		}
		else {                              // if width is more than 767px
		   DesktopFunctions();               // execute desktop function
		}		
	});		
</script>
<?php
}
add_action('wp_head', 'custom_func');

Best regards,
Vinay

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