Hi,

That is the default behavior of the pagination, which is why it’s recommended to place all post elements at the very top of the page. If you need the document to scroll to the appropriate section on load, you can try this modification.

— https://kriesi.at/support/topic/pagination-to-open-at-the-same-anchor-point-and-not-at-the-beginning-of-the-page/#post-1476867

Best regards,
Ismael

Hey limedrop,

Thank you for the inquiry.

Edit the Grid Row element, go to the Advanced > Developer Settings, then place the value “av-layout-grid-overflow” in the Custom CSS Class field. In the Enfold > General Styling > Quick CSS field, add this css code to put the grid above the layer slider:

#top #wrap_all .av-layout-grid-overflow {
    z-index: 1000;
}

Best regards,
Ismael

Hey ericdkolb,

Thank you for your inquiry. This has been answered in the previous thread: https://kriesi.at/support/topic/significant-site-slowdown-caused-by-avia_deep_decode-function-in-enfold-theme/#post-1480265

Best regards,
Ismael

Hi,
I added this css:

.category .title_container h1 a {
font-size: 300%!important;
line-height: 55px;
font-family: "sacramento", cursive;
font-weight: 400;
}

and this code to your to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_script() { ?>
  <script>
(function($){
  $('#top.category .title_container h1.main-title.entry-title  a').contents().filter(function() {
    return this.nodeType == 3
  }).each(function(){
    this.textContent = this.textContent.replace('Archive for category:','');
    this.textContent = this.textContent.replace('Tag Archive for:','');
    this.textContent = this.textContent.replace('Archive for:','');
  });
  })(jQuery);
</script>
  <?php
}
add_action( 'wp_footer', 'custom_script', 99 );	  

the result now:

Please clear your browser cache and check.

Best regards,
Mike

Hi,

Great, I’m glad that you found a solution and thanks for sharing. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hey jscarlett,

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

#top #header_meta .phone-info {
  line-height: inherit;
}

Best regards,
Rikard

Hi,

Thank you for the update.

You can use this css code to adjust the style of the pagination:

#top .pagination .current, #top .pagination a, #top .fullsize .template-blog .pagination a {
    height: 50px;
    width: 50px;
    line-height: 50px;
    margin-right: 6px;
    box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.2);
    font-size: 18px;
}

#top .main_color .pagination a {
    background-color: #f2f1ef;
    color: #000000;
}

#top .main_color .pagination .current {
    background-color: #d5d5d5;
}

Best regards,
Ismael

Hey kevinraposo7,

Thank you for the inquiry.

Did you set the Slide Animation > Slideshow Transition to Slide (sideways/up/down)? If so, you can add this css code to disable the initial fade-in transition of the slider.

#top .avia-slideshow-inner li {
  opacity: 1 !important;
}

This will not work if Fade is selected for the Slideshow Transition.

Best regards,
Ismael

Hi,

Thank you for the update.

The menu is set to be below the logo, so this has be adjusted with css. To make sure that the search bar is still visible on mobile view and that the burger menu is correctly placed, please add this css code:

@media only screen and (max-width: 768px) {

  /* Add your Mobile Styles here */
  .responsive #header_main_alternate {
    display: block;
  }

  .responsive #top #header_main_alternate .av-main-nav .menu-item-avia-special {
    display: none !important;
  }

  .responsive #top #header .main_menu {
    width: auto !important;
  }
}

View post on imgur.com

Best regards,
Ismael

Hi,
I disabled your Enfold Theme Options ▸ Header ▸ Header Layout ▸ Header Title and Breadcrumbs ▸ Display only title and added this to your code to the end of your child theme functions.php file in Appearance ▸ Editor:

add_filter('avf_header_setting_filter', 'avf_header_setting_filter_mod', 50, 1);
function avf_header_setting_filter_mod($header_settings) {
    if (is_tax() || is_archive()) {
        $header_settings['header_title_bar'] = "title_bar";
    }
    return $header_settings;
}

to only show the title on your category pages.
and I added this css:

.category .container_wrap_first {
	border: none;
}
.category .title_container {
	text-align: center;
	padding-top: 50px;
	background-color: #f2f0eb !important;
}
.category .title_container h1 a {
	font-weight: 600 !important;
	line-height: 1.3em;
	font-size: 30px;
}

so compared to one of you posts:

your category title looks like this:

But note that they are both H1, I don’t see H2 like you asked.

Best regards,
Mike

Hi,

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

#top div .avia-gallery .avia-gallery-big {
  padding: 0;
  border-width: 0;
}

Best regards,
Rikard

Hey sitadi,

Thank you for the inquiry.

You can add this css code to align the burger menu with the logo.

.av-burger-menu-main.menu-item-avia-special {
    left: 0 !important;
    top: -70px;
}

Best regards,
Ismael

Hey mosaic,

Thank you for the inquiry.

Try to add this css code to adjust the aspect ratio of the thumbnails:

#top .av-related-style-full .related_image_wrap, #top .av-related-style-full .related_image_wrap img, #top .av-related-style-full .related_image_wrap .related_posts_default_image {
    object-fit: cover;
}

Best regards,
Ismael

Hi,

You can change them under Appearance->Menus. If you don’t see the text in question, then activate the Description field under Screen Options in the top right hand corner of the screen.

Best regards,
Rikard

Hi,

Thank you for the update. Try to use this css code instead;

#top #footer-page .av_inherit_color a {
    text-decoration: none;
}

Best regards,
Ismael

Hi,

The images are fading in on our end. Did you install any lazy loading plugins? We recommend enabling pagination and try to reduce the number of images on the page. This should improve the loading speed.

You can also add this css code to adjust the transition duration:

.avia_desktop.avia_transform3d .av-masonry-animation-active .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry,
.avia_mobile.avia_transform3d:not(.avia-mobile-no-animations) .av-masonry-animation-active .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry{
	animation: avia_masonry_show 1.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.075);
}

Default is 0.8s.

Best regards,
Ismael