you do not need to set the custom class ! then all grid-rows were influenced.
Maybe it is necessary to add more selectors to those rules that they overwrite existing ones.
IDs on that will be very helpful – because they have more weight on that f.e.:

to differ between the grid-rows with 5 or 6 etc cells you can add the class of them – f.e.:

#top .av-layout-grid-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

#top .av-layout-grid-container .flex_cell.av_one_fourth {
  flex: 0 1 25%;
  width: unset !important
}

@media only screen and (min-width: 768px) and (max-width: 989px) {
  #top .av-layout-grid-container .flex_cell.av_one_fourth {
    flex: 0 1 50%;
  }
}

@media only screen and (max-width: 767px) {
  #top .av-layout-grid-container .flex_cell.av_one_fourth {
    flex: 1 1 100%;
  }
}

to give better advice it would be helpful to know a link to your site. (Keep in mind though that I’m a participant like you, so I can’t see the private area).

btw: Be careful not to define overlapping areas. It is a good practice to use even numbers for min-width and odd numbers for max-width.
you have twice for 620px

PS : there is a little bit of it included now in the columns. If you go to the column alb element and open the first column element in a row – there is on the first tab : Row Settings – Row Screenoptions : there it is if you choose “reverse order” – this will be the row-reverse option.
If you choose “Individually select positon …” you can set each column in that row what position it got when in responsive case.
that is the order value. Link

can you try this in your child-theme functions.php:

function sticky_posts_first($query, $params) {

  $include = array();
  $sticky = get_option( 'sticky_posts' );

  $args = array(
  'post__not_in' => $sticky,
  'orderby' => 'title',   // here you can influence the orderby option of the non sticky post to your needs 
  'order'	=> 'asc',    //  the order of the non sticky posts
  'numberposts' => -1  	 // -1 for all - that number is for the non sticky posts  
  );
  $posts = get_posts( $args );

  foreach($posts as $post) {
  $include[] = $post->ID;
  }
  if ( !is_sticky() ) {
    $include = array_merge($sticky, $include);
  };

  $query['post__in'] = $include;
  $query['orderby'] = 'post__in';

return $query;
}
add_filter('avia_post_slide_query','sticky_posts_first', 10, 2);

but that is only for the enfold blog posts ALB

PS for those params you can have:
orderby: ‘title’, ‘rand’, ‘date’, ‘author’, ‘name’, ‘modified’, ‘comment_count’, ‘menu_order’
order: ‘ASC’, ‘DESC’

Wenn du mit einem Child-Theme arbeitest ist das möglich, indem du dir ein child-theme loop-search.php erstellst.
wenn du das öffnest, siehst du auf Zeile 37 im neuesten Enfold :

echo "<span class='search-result-counter {$counterclass}'>{$post_loop_count}</span>";

dahinter könnte man platzieren: ( this is edited content here – it is better to avoid placement if there is image )

$searchimage = get_the_post_thumbnail( $the_id, 'square' );
if( ! empty( $searchimage ) ) {
	echo "<a class='slide-image search_image' href='".get_permalink()."'><span class='search-result-image'>{$searchimage}</span></a>";
}

wobei hier square durch andere Image-sizes von Enfold ersetzt werden kann ( large etc.)
Der Rest wäre dann css.
Dann hast du beides – die Nummerierung und ein featured Image.

hier wäre die loop-search.php auf Basis von Enfold 4.9.2.1 – : https://pastebin.com/8d1jCDdJ
platziert würde diese ( ich behalte gerne die original Baumstruktur bei ) im child-theme/includes folder

schau mal hier: https://webers-testseite.de/?s=portfolio

__________
PS : das wäre auch mit der ajax Suche möglich – ohne ein extra Plugin.
___________

PPS:
hier sind mal die image-sizes, die man da setzen kann ( aus functions.php 211ff )

widget (36x36), 
square (180x180),
featured (1500x430),
featured_large (1500x630),
extra_large (1500x1500),
portfolio (495x400),
portfolio_small (260x185),
gallery (845x684),
magazine (710x375),
masonry (705x705),
entry_with_sidebar (845x321),
entry_without_sidebar (1210x423),

• This reply was modified 3 years, 3 months ago by Guenni007.

i prefer to have first 2 / 2 columns – then in a row – please try in your quick css:
i do not see private content area so you had to play with that min-width value yourself:

@media only screen and (min-width:620px) and (max-width: 989px) {
  #top #footer .container {
    display: flex !important;
    flex-flow: row wrap;
    justify-content: space-between;
  }
  
  #top #footer .container:before, 
  #top #footer .container:after {
    display: none
  }
  
  #top #footer .container .flex_column {
    flex: 0 1 45%;
    margin: 0px  !important;
    width: unset !important
  }
}

yes with gallery it works this way – but on Ismaels link ( besides the == ) for slideshow it does not work.

That’s right – I hadn’t considered that. Thanks Günter.
But now to the context. I can find it by opening the corresponding alb and searching above for the if( ! class_exists( ‘xyz’ ) )

but on slideshow i had to look into the avia-shortcode-helpers to find the correct context: avia_slideshow the slideshow.php itself got: avia_sc_slideshow

with gallery i had no clue to get the right context neither avia_gallery nor avia_sc_gallery works.

So how to determine the right context.
For gallery images i had to take nikos code without context to work as expected.

• This reply was modified 3 years, 3 months ago by Guenni007.

But they are in the DOM – only hidden. My solution to look how that container comes to your DOM is better. Just dare to try.

no – Rikard that is an alternative to have that – but offtopic ( for others who like to have this )
Alan wants to get rid of it – but better is to hamper the building of it than to only set it to display: none

section#footer {
  display: none;
}

can you try this instead:

function ava_exclude_current_post($query) {
  // you can use here aswell  :   if(is_single()){ 
  if (is_singular('post') || is_singular('portfolio') ) {   
    $exclude = avia_get_the_ID();
    $query->set( 'post__not_in', array($exclude) );
  }
}
add_action('pre_get_posts', 'ava_exclude_current_post');

But you can have a look if there is a child-theme footer.php via ftp – and post the content from it here.
Or you can post here the whole content of your child-theme functions.php ( please use on that the code tag here on the forum – that we can better inspect )

If it is in footer.php there must be something like this under the wrap_all closing div arround line 304

		echo "<!-- end wrap_all --></div>";
// maybe that is the insertion:
		echo '<section id="footer"><div class="container"><div class="row">LilaHaarup.dk / <a href="https://www.facebook.com/lila.haarup" target="_blank">Facebook </a> / <a href="https://www.instagram.com/lilahaarup/?hl=da" target="_blank">Instagram</a></div></div></section>';

First read this please : did you fill in the enfold options on transparency header? or how did you set up your white font on transparency header?
Dashboard – Enfold Child – Header : “Transparency Options” – there is that setting for : “Transparency Menu Color”

The default way would be to set the font color options on General Styling : Logo Area Background Colors – and for transparency see above.
________
Have you set a shrinking header? then you can do it page dependent – by using that additional Class on #header : header-scrolled

#top.page-id-123 .header_color.header-scrolled .main_menu ul:first-child > li > a {
	color: red
}

Hallo Patrik – zunächst : geht es um deine Homepage?
Dein Logo dort verlangt geradezu nach der Umsetzung als svg File. Vorteil: svgs sind vektorbasiert; somit beliebig vergrößerbar / und auch eben verkleinerbar ohne Qualitätsverluste.
Deine Schrift ist wohl eine Avenir und die zwei Striche sollten auch schnell in Illustrator gesetzt sein.
Weiterer Vorteil : als nunmehr inline svg könntest du diese Striche bei sehr kleinen Screenweiten sogar verschieben.
https://webers-testseite.de/pb-logo/
Schieb mal das Browserfenster kleiner als 767px dann siehst du was ich meine. Es ist eben dort im svg addressierbar über css

guess the main reason on that is that you are using the parallax effect on that background.
For a parallax effect the image is set to cover a much bigger parallax container – that is ( similar to background-attachment: fixed ) a fundamental thing. ( The parallax container had to fill the whole screen height – and only a part of it is visible)
on that background – there is no cropped image used – as you can see in the dom – but compare both dimensions:
(click to enlarge)

______

@nikko : is it a new filter : pre_option_image_default_size – i can not find it in enfold 4.9.2.1
is it a wordpress filter?

First – is it too hard to copy&paste an url from the browser? And post it above?
http://43.134.194.96/wp-content/uploads/2022/03/20220327181440.png

now: what effect do you mean?