Hi Robi,

Thanks for the feedback, much appreciated :-)

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

Thanks,
Rikard

Hey Eileen,

Loss of image data on background images is inevitable due to the difference in screen sizes, you could try to create another section to only show on mobile and upload an image better adapted to that size though. You can give your section unique IDs and then show/hide the correct one with CSS like this:

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

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

Thanks,
Rikard

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

Hi FlorianMeise,

Please try the following in Quick CSS under Enfold–>General Styling:

.html_elegant-blog .avia-content-slider .read-more-link {
    top: 0 !important;
}

Regards,
Rikard

Hey!

Please add this css code to remove the grayscale filter on hover:

#top .av-masonry-entry:hover .av-masonry-image-container {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    filter: grayscale(0);
}

Best regards,
Ismael

Hi,

We added the following code in the Quick CSS field:

@media only screen and (max-width: 989px) {
.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
    margin: 0;
    margin-bottom: 20px;
    width: 100%;
}

.responsive #top #wrap_all .av-flex-cells .no_margin {
    display: block;
    margin: 0;
    height: auto !important;
    overflow: hidden;
    padding-left: 8% !important;
    padding-right: 8% !important;
}
}

This will force the cells to go on top of each other when the screen size is lower than 1024px or when viewing on tablet and phone screens.

Best regards,
Ismael

Hi,

Please remove the link from the text and retain the title link. Add this code in the functions.php file.

add_action('wp_footer', 'ava_custom_script');
function ava_custom_script(){
?>
<script type="text/javascript">
(function($) {
	function a() {
		var iconbox = $('.iconbox'),
			boxlink = '';

		iconbox.on('click', function() {
			boxlink = $(this).find('.iconbox_content_title a').attr('href');
			window.location.href = boxlink;
		});	
	}

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

And this in the Quick CSS field:

#top .iconbox {
    cursor: pointer;
}

Best regards,
Ismael

Hi,

Please try the solution provided in the previous thread if you don’t want to use the translation plugin.

// https://kriesi.at/support/topic/change-automated-response-subject-contact-form/#post-676775

Best regards,
Ismael

Hi,

We added this code in the Quick CSS field:

#sub_menu1 {
    top: 87px !important;
    position: fixed !important;
}

Best regards,
Ismael

Hi,

We included a patch for this specific issue in the latest version of the theme, 3.8. Please upgrade the theme to fix the masonry link issue.

Related thread:

// https://kriesi.at/support/topic/post-link-format-not-working-when-link-is-to-long/

Best regards,
Ismael

Hi,

Please follow the instructions provided in the following thread. https://kriesi.at/support/topic/fullwidth-submenu-dropdown-doesnt-work-on-ipad/#post-617223

Best regards,
Ismael

Hi,

What are you trying to do specifically? Maybe you can use the “avf_builder_elements” filter. Example:

// https://kriesi.at/support/topic/when-i-add-new-portfolio-ltems%EF%BC%8Chow-to-set-no-sidebar-in-defult%EF%BC%9F/#post-618972
// https://kriesi.at/support/topic/change-default-header-layout/#post-682685

Best regards,
Ismael

Hi!

Please add following code to Quick CSS as well and adjust as needed

#text-29 ins.adsbygoogle {
    padding-top: 50px;
}

Best regards,
Yigit

Hi!

You are welcome :)
You made those changes not to display the dots, is that correct? If so, you can simply use following code instead

#top #wrap_all ins::before { display: none; }

Best regards,
Yigit

Hey!

Please add following code to Quick CSS as well

#top .pagination .current, #top .pagination a, #top .fullsize .template-blog .pagination a {
    box-shadow: 0px 0px 1px 0px black;
}

Best regards,
Yigit