just put his code name it f.e. prg_patterns.php – therefore you had to start that codesnippet of him by a leading <?php
– and upload it to your child-theme/shortcodes folder.
if you haven’t allready this littel snippet in your child-theme functions.php – insert it :

function avia_include_shortcode_template($paths){
  $template_url = get_stylesheet_directory();
      array_unshift($paths, $template_url.'/shortcodes/');
  return $paths;
}
add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);

see doku to have own alb elements

see example in the footer area with links to impressum and datenschutz

https://enfold.webers-webdesign.de/impressum/#footer

i just edited his code a bit to have on form element classes to style the form output better:

/* form output */
ob_start();
?>
	<?php if( $atts['newtab'] == 'true' ): ?>
	<form class="prg newtab" method="POST" target="_blank">
	<?php else: ?>
	<form class="prg" method="POST">
	<?php endif; ?>
		<button class="noLink" type="submit" name="prgpattern" value="<?php echo $redirect_slug; ?>"><?php echo $atts['title']; ?></button>
	</form>
<?php
return ob_get_clean();

then i can set for those forms:

#top form.prg {
  display: inline-block;
  margin-bottom: 0;
}

#top form.prg .noLink {
  border: none;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
}

#top form.prg .noLink:hover {
  color: gold;
  cursor: pointer;
  transition: all 0.5s ease
}

but it is interesting to see how it could be possible to deliberately mark links in such a way that they run through the PRG pattern (Post, Redirect, Get).
Because yes – everyone has somehow in his footer area links that are actually only there to meet legal requirements.

What happens if you log out? ;)

But even when logged in, you can turn off this toolbar ( which stretches across the entire width ) under your user account .
This should make it easier for you to access important editor functions ( see left : new pages / posts / etc ). However, this toolbar has a certain height, and this is sometimes not included in the distances to be set. Especially if you want to adjust the padding-top of #Main on mobile devices it is advisable to disable this toolbar temporarily.

did you see that sticky post: https://kriesi.at/support/topic/loading-google-fonts-locally-for-gdpr-compliance/
and with more ( – maybe too much ) information on: https://kriesi.at/support/topic/host-web-font-yourself-some-info/
do you want to upload all font-weights? (300, 400, 600, 700) and italic font-styles as well?

sorry – dann musst du warten bis ein Mod sich damit beschäftigt.
Private Content ist für Participants natürlich nicht einsehbar.

By the way : Borlabs provides a free download around this topic.
https://de.borlabs.io/borlabs-font-blocker/

but i had to test now – However, I’m afraid that if I allow Maps, it will allow the fonts after all. Which is an academic question whether it makes sense to block the font and allow the other maps functions.

be more precise in your description. Describe the layout in a little more detail. It is hard to speculate what was set as the basis to this screenshot.
So this is a grid-row? with only one cell? In it a 1/1 container? etc. pp

btw: why don’t you use relative paddiing values – your are not forced to set px values. Try f.e.: 10%
so you got 150px padding at 1500px container width – and 30px on 300px container width.

Sometimes you can’t see the forest for the trees. I also tried scripting it through jQuery first and then generating a custom Magnific Popup for it.
It was quite easy due to the class (av-active-gal-item) located only at the highlighted element, to open the lightbox using the whole area of the image. Since the corresponding button (icon) was in the pseudo-container, it is easy to hide it in this case.

try this in quick css
(if you only like to have that on some horizontal galleries – then you had to give to that alb element a custom-class – and adjust the selectors.)

the trick is to have on the active item the anchor at whole container width and height. So the active click region will be the full image. The before content in this case will be not seen.

.av-horizontal-gallery {
  overflow: visible !important
}

#top .av-horizontal-gallery-wrap.av-active-gal-item {
  box-shadow: 0px 0px 10px #aaa
}

#top .av-horizontal-gallery-wrap.av-active-gal-item .av-horizontal-gallery-link {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
  transform: scale(1);
}

.av-horizontal-gallery-wrap.av-active-gal-item:hover .av-horizontal-gallery-link {
  opacity: 0;
  transition: none !important;
}

#top .av-horizontal-gallery-wrap.av-active-gal-item .av-horizontal-gallery-link:before {
  content: " ";
  position: relative;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
}

see on: https://enfold.webers-webdesign.de/smudgedesign/#horizontal-gallery

i haven’t tested yet if it works with touch on mobile devices …

Aber viel einfacher als ein kleines css in das quick css zu setzen geht es wirklich nicht. oder?

you can insert images to menus by opening on dashboard the menus.
Choose your main menu and insert again on top another home item – open that item with that little arrow besides each item and insert on label :
<img class="burger-logo avia_image" src="/wp-content/uploads/logo.png" />
the classes here are not necessary but makes it easier to select the item later.

to have this “menu logo ” not in the normal desktop menu view you can do now:

#avia-menu .only-burger  {
  display: none !important;
}

see on active burger on : https://webers-testseite.de/

if you like to have the burger without distance to the bottom set the padding-bottom to zero:

.av-burger-menu-main.menu-item-avia-special {
  position: fixed !important;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-bottom: -3px;
  padding: 10px 10px 0;
  z-index: 1001 !important;
}

if you choose the header style: logo center – navigation below it would be possible.
in this case the navigation will be in an extra container: header_alternate not inside logo container
and set for: Menu Items For Desktop to icon

then try :

.av-burger-menu-main.menu-item-avia-special {
  position: fixed !important;
  bottom: 0;
  left: 10px;
  padding: 10px;
  z-index: 1001 !important;
}

.av-hamburger {
  padding: 15px 8px;
  display: inline;
  background-color: rgba(255,255,255,1);
  box-shadow: 0 0 15px -5px #333
}

#header, #header_main {
  height: 0px !important
}

@media only screen and (max-width:767px) { 
 .responsive #header_main_alternate {
  display: block
 }
}

.container.av-logo-container, 
.header_bg {
  display: none !important;
}

.responsive #main {
  padding-top: 0 !important
}