Hey annameis,

Thank you for the inquiry.

Make sure that the Row Settings > Row Screen Options > Fullwidth Break Point settings is set to the second option (Tablet), then add this css code to adjust the breakpoint to 1024px.

@media only screen and (max-width: 1024px) {
  .responsive #top #wrap_all .flex_column.av-break-at-tablet,
  .responsive #top #wrap_all .av-break-at-tablet .flex_cell {
    margin: 0;
    margin-bottom: 20px;
    width: 100%;
    display: block;
  }
}

Best regards,
Ismael

Hi,

Thank you for the update.

The maximum width of the fullwidth posts is set to 800px by default, but you can adjust it by adding this code in the Quick CSS field.

#top .fullsize .template-blog .post .entry-content-wrapper > * {
    max-width: 100em;
    margin-left: auto;
    margin-right: auto;
}

#top .fullsize .template-blog .post .entry-content-wrapper {
    max-width: 1310px;
}

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the modification to make sure that the changes take effect.

Best regards,
Ismael

Hi,
I added this function in your child theme functions.php to allow your page to fully load, and then scroll to anchor so the height of elements while loading doesn’t change the anchor possession.

function custom_slow_scroll_script() { 
?>
<script>
(function($) {
  $('a[href*=#]:not([href=#])').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') 
&& location.hostname == this.hostname) {

      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
      if (target.length) {
        $('html,body').animate({
          scrollTop: target.offset().top - 125 //offsets for fixed header
        }, 2000);
        return false;
      }
    }
  });
  //Executed on page load with URL containing an anchor tag.
  if($(location.href.split("#")[1])) {
      var target = $('#'+location.href.split("#")[1]);
      if (target.length) {
        $('html,body').animate({
          scrollTop: target.offset().top - 125 //offset height of header here too.
        }, 2000);
        return false;
      }
    }
}(jQuery));
</script>
<?php
}
add_action('wp_footer', 'custom_slow_scroll_script');

This seems to work in my tests, please clear your browser cache and check.
Please note that some browsers may require you to clear the history in order to fully clear the cache.

Best regards,
Mike

Hi,

Great, I’m glad that you got things working. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hey Abián,

We can’t say for sure if you are going to run into problems or not, so I would advise that you update on a staging version of the site first. Once you have access to the theme files, then the update to 5.6.10 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or use a plugin to upload the theme zip file: https://wordpress.org/plugins/update-theme-and-plugins-from-zip-file/
If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/

Best regards,
Rikard

Hi,

Great, I’m glad that we could help you out :-)

Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hey Qgrafica_7,

Thank you for the inquiry.

You can use the following css code to adjust the style of the sorting buttons.

#top .av-sort-yes-tax .av-sort-by-term, #top .av-sort-yes-tax .sort_by_cat a, #top .av-sort-yes-tax .av-sort-by-term, #top .av-sort-yes-tax .sort_by_cat .text-sep {
    color: red;
    margin-right: 10px;
    font-size: 20px;
}

#top .av-sort-yes-tax .sort_by_cat a:hover {
    color: blue;
}

Best regards,
Ismael

Hey josikrop1,

Thank you for the inquiry.

The theme automatically aligns the content to the center when a minimum height for a Color Section is set. You can add this css code to adjust the alignment.

#top #section-mobile-bergsteigen .container .content {
    vertical-align: top;
}

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings in order to ensure that the changes take effect.

Best regards,
Ismael

Hey Yaphoon,

Thank you for the inquiry.

You can use this css code to adjust the style of the masonry title.

.av-masonry-entry .av-masonry-entry-title {
    line-height: 1.3em;
    margin: 0;
    font-size: 20px;
    font-family: Verdana;
}

To adjust the hover color of the menu button, add this.

#top #wrap_all .header_color #menu-item-174:hover > a .avia-menu-text {
    background-color: #3f75e9;
    color: #ffffff;
    border-color: #3f59e9;
}

And to adjust the size of the images in the archive pages, you have to edit the enfold/taxonomy-portfolio_entries.php and adjust the parameters in the avia_post_grid instance around line 38.

$grid = new avia_post_grid(
										array(
											'linking'			=> '',
											'columns'			=> '3',
											'contents'			=> 'title',
											'sort'				=> 'no',
											'paginate'			=> 'yes',
											'set_breadcrumb'	=> false,
											'preview_mode' => 'custom',
											'image_size' => 'full'
										));

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

Best regards,
Ismael

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

You could try this instead, but then it will go all the way to the top, so you would have to add a value to top padding, maybe 25% or something similar:

@media only screen and (max-width: 767px) {
.avia-builder-el-0 .slideshow_caption {
  padding-top: 25% !important;
}
.slideshow_align_caption {
  vertical-align: top;
}
}

Best regards,
Rikard

Hi,
Glad that this helped, in some cases Autoptimize works ok, if your client is not having trouble then go ahead and use it, but if you notice trouble in the future try disabling Autoptimize first.
Unless there is anything else we can assist with on this issue, shall we close this thread then?

Best regards,
Mike

Hi,
This page is not created the same way, please put the code block with the map inside of a color section and then try this css:

.responsive #top.page-id-159 #av_section_1 .container {
	max-width: 100%;
	padding: 0;
}
.responsive #top.page-id-159 #av_section_1 .container main {
	padding: 0;
}

Best regards,
Mike

Hi,

Please try this CSS instead:

@media only screen and (max-width: 767px) {
.avia-builder-el-0 .slideshow_caption {
  padding-top: 0 !important;
}
}

Best regards,
Rikard

Hi,

Great, I’m glad that you got it working. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (max-width: 767px) {
.avia-builder-el-0 .slideshow_caption {
  padding-top: 0;
}
}

Best regards,
Rikard