Hi!

The background image have a fixed dimension and is not responsive. Basically, the text and the background inside the column have no connection in terms of responsiveness. The background image is not going to wrap around the texts. Unfortunately, this layout is not going to work the way you expected it. You can try to add a background via the Quick CSS field, try this:

.flex_column.av_one_third {
    background-color: rgba(255,255,255,.6);
    border: 2px solid violet;
    border-radius: 10px !important;
}

OR you can set the background size property to 100% but it will stretch the background image:

.flex_column.av_one_third {
 background-size: 100% 100% !important;
}

I think you should look for another design. This layout is only going to work if the character count inside the box is limited.

Best regards,
Ismael

Hi!

We modified the file for you. Remove browser cache then reload the page: https://sheffield-hypnosis.co.uk/home-lead-generation/

Regards,
Ismael

Hey!

This is actually possible but there’s a lot of modifications involve. For example, you will have to modify the js > avia.js file to enable the mobile menu even if the theme is not set to responsive. And if you manage to enable the mobile menu on fixed layout, you will have to deal with the mobile menu styling which is not compatible with fixed layout. I think the better solution is to add a full width sub menu on mobile view to compensate for the missing sub menus in the main menu.

Best regards,
Ismael

Hey!

1.) If you want the link to automatically download the file instead of going to a new window or tab, you need to add the “download” attribute in the link tag. Something like this:

<a href="http://www.dwmultimedia.co.uk/test/wordpress/wp-content/pdf/no_56_spring_2015.pdf" download>Download Here</a>

2.) It’s not possible to push the background beyond the container or column. However, you can try this:

.page-id-190 .flex_column.av_one_third.flex_column_div.av-zero-column-padding.avia-builder-el-4.el_after_av_two_third.avia-builder-el-last.column-top-margin {
    margin-left: 2%;
    padding-left: 4%;
}

You might need to use css media queries to adjust the column background on mobile devices.

Regards,
Ismael

Hey!

What is impossible? It’s been almost two months since your last reply that I’m not sure where we left off. If you want to add tracking events on the theme’s contact form, you can follow the solution provided here: https://kriesi.at/support/topic/add-5-different-google-track-codes-on-button-submission/#post-497826

Best regards,
Ismael

Hey!

The background is displaying on my iPod when I checked it so I guess the solutions are not working. Please try this instead:

@media screen and (max-width: 989px) { 
	.avia-android #waarom, .avia-android #referenties, .avia-ipad #waarom, .avia-ipad #referenties, .avia-iphone #waarom, .avia-iphone #referenties { 
	background: none !important; 
	} 
}

What is this code for?

@media screen and (max-width: 767px) { #waarom, #referenties { background: transparent !important; } }

Please remove it.

Cheers!
Ismael

Hi decastell!

Thank you for using Enfold.

1.) Unfortunately, it’s not possible to set the transparent header as default. You need to do it manually for all posts or pages.

2.) That is actually the default behavior of the the transparent header and it works well when there is a background image on top of the page. If you want to move the content a bit, use this in the Quick CSS field:

.html_header_transparency #main {
    padding-top: 60px !important;
}

Cheers!
Ismael

Hey!

Please create a new thread then we’ll tackle the issue there. Provide the login credentials inside the private field. Did you build the menu items manually? The “current-menu-item” class attribute is not being applied on the current menu item.

Best regards,
Ismael

Hey!

I think you managed to apply the height to the cell with the map. Unfortunately, it’s not possible to alter the layout of the cells the way you wanted. This will require custom modifications that is outside the scope of support. Please contact codeable: http://kriesi.at/contact/customization

Regards,
Ismael

Hey!

Please remove the code we suggested on functions.php then go to the child theme folder. Create a new functions.php file inside, add this code:

// target _top
function add_custom_script(){
?>
<script>
(function($) {
	$('.social_bookmarks_vimeo a').removeAttr('title');
	$('.social_bookmarks_vimeo a').attr('title', 'Media');
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');

What is the url of the page with the portfolio grid element? You can try this in the Quick CSS field in order to disable the link:

.grid-image { pointer-events: none !important; }

Best regards,
Ismael

Hey!

We forgot to wrap the code inside a style tag. Please check it now: https://store.mjft.co.uk/

Adjust the min-height property if necessary.

Best regards,
Ismael

Hi jimmymoto!

Thank you for using Enfold.

Sorry for the delay. We closed the other thread. Please try to update the theme to the latest version then deactivate all plugins. Remove browser cache before checking the page on iPad.

Cheers!
Ismael

Hey!

Great! Glad we could help. Have a nice day! :)

Best regards,
Ismael

Hey!

Please replace the code in the functions.php file with this:

// add account icon
add_action('avia_meta_header', function() {
	echo '<a class="mobile-account" href="#"><span class="av_font_icon avia_animate_when_visible av-icon-style-  av-no-color avia-icon-pos-left  avia_start_animation avia_start_delayed_animation" style=""><span class="av-icon-char" style="font-size:40px;line-height:40px;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span></span></a>';	
});

You can use the same css selector to adjust the position of the icon.

.mobile-account {
    position: absolute;
    top: 0;
    right: 120px;
}

Adjust the values.

Best regards,
Ismael

Hey!

Add this in the functions.php file:

add_filter('avf_blog_style','avia_change_category_blog_layout', 10, 2); 
function avia_change_category_blog_layout($layout, $context){
if($context == 'archive') $layout = 'single-small';
return $layout;
}

It will set the blog style of the category pages to single author, small preview style.

Best regards,
Ismael