The drop-down menu at Advanced styling to choose the font that should be loaded – did you scroll to the bottom of that list and choose your Montserrat Font from there?
the manual uploaded Fonts are placed at the end of the drop-down list!
________
btw. is that .be page the page it concerns? – i do not see any uploaded Montserrat there.

put this to your child-theme functions.php:

add_filter('avf_debugging_info', 'remove_debugging_info', 10, 1);
function remove_debugging_info($info) {
return false;
}

i recommend to use now the svg dividers – instead of the slanted option for the color sections.
the slanted option is only available for bottom styling.
The svg dividers you can set both top and bottom for the same color-section
_________

for that behavior the parallax settings are set on the last tab (advanced) of the elements (columns)
I recommend not to set the first option (Parallax – default setting – used for all screen sizes (no media query)) and start with the next two options on Parallax Rules. ( And for the Column Position this is the same recommendation.)
Parallax – for large screens (wider than 990px – Desktop)
Parallax – for medium sized screens (between 768px and 989px – eg: Tablet Landscape)

for mobile devices with narrow screen widths, it often makes no sense to set a parallax effect, as you hardly notice the background anyway.
Parallax – for small screens (between 480px and 767px – eg: Tablet Portrait)
Parallax – for very small screens (smaller than 479px – eg: Smartphone Portrait)

sadly there is no class for those pages that are password protected – so maybe it is only possible to use the page-id of those pages.

#top.page-id-15240 .container_wrap.container_wrap_first {
  background: url(//dorfgeschichte.li/wp-content/themes/enfold/images/background-images/floral-dark-compressed.png) !important;
  background-repeat: repeat;
}

but: because you set the background to all pages ( except the home page ) to wrap_all container – you only need to get rid of the backgrounds overlaying this:

#top.page-id-15240  #main,
#top.page-id-15240 .container_wrap.container_wrap_first {
  background: transparent !important;
  min-height: 75vh
}

You have mistakenly assumed that deactivating the mode (on Maintenance Mode) will also reset the setting at the bottom (Select Maintainance Mode Page). If this were technically possible, it would be a good thing. However, you must first reset the page to the default value, which is “Select page” (and that means no page is selected) – only then you should set the checkbox at the top to unchecked (Disable Maintainance Mode).
That’s why I set the numbering in the drawing.

1) first disable the page you choose
2) then disable the Mode

Are you looking to your domain as logged-out user?
________
Or have I misunderstood your question and it remains active – even though the mode is disabled?
Then it is probably the case that you first have to remove the page that was originally selected there (i.e. set it to the “select Page” ( ) and then deactivate the mode. Like Mike mentioned above.

• This reply was modified 1 year, 11 months ago by Guenni007.
• This reply was modified 1 year, 11 months ago by Guenni007.

you now got under the folder: config-templatebuilder two folders ( one for legacy case – and a default one )
you now find those files under:
/enfold/config-templatebuilder/avia-shortcode-helpers/class-avia-masonry.php ( the lines are : 1244 ff)
and
/enfold/config-templatebuilder/avia-shortcode-legacy/av-helper-masonry.php ( lines : 978ff )

don’t know if it is needed to edit both – i think it will be enough to edit only the first one.

Or if it only affects a few icons and it is therefore not worth uploading your own font icon set, you can also swap the icon via a user class and using css.
The advantage could then also be that multi-colored icons are possible.

First case: you see a different html-entity f.e. here: https://www.toptal.com/designers/htmlarrows/
then you can replace that content directly:
my custom class is in this case: my-separator-icon

#top .my-separator-icon .av-seperator-icon:before {
  content: "\00A7";
  font-size: 40px;
}

next colored icons:
my custom class is in this case: my-colored-separator-icon

#top .my-colored-separator-icon .av-seperator-icon:before {
  content: "";
  display: inline-block; 
  position: relative;
  width: 40px;
  height: 40px;
  background: url(/wp-content/uploads/webers-globe1.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

see: https://webers-testseite.de/separator-icons/

yes – now it works well. so do not change now your setting.
but keep in mind that svgs are a mighty image format – you can influence from outside by css. And often much smaller in file-size and with maximum sharpness.

PS: if your Logo could be changed a bit – ( like i do ) it would be nice to easier identify the “plant” as the missing “i” in Griegos.
We as layout-savvy users see this immediately, but a normal visitor to the site may not.

if you like to hide it only for real mobile devices ( and not for all small screens ) you can use that class – enfold added to the document ( html ) for mobile devices: avia_mobile

  .responsive.avia_mobile #footer,
  .responsive.avia_mobile #socket {
    display: none;
  }

and if you like to allow for “mobile Devices” with big screens tablets etc. (ipad…) use a combination of both.

@media only screen and (max-width: 767px) {
  .responsive.avia_mobile #footer,
  .responsive.avia_mobile #socket {
    display: none;
  }
}

try to modify this to your needs:

    (function($) {
        $(document).ready(function () {
            if (window.innerWidth > 989) {
                var header = $('#header');
                var main = $('#main');
                var burger = $('.html_header_sidebar #top div .av-burger-menu-main');
                var footer = $('.html_header_sidebar.html_header_left .av-curtain-footer.av-curtain-activated .av-curtain-footer-container');
                var menu = $('.responsive.html_header_sidebar #header .av-main-nav > li').not('.av-burger-menu-main, .av-active-burger-item');

                $(window).scroll(function () {
                  if ($(this).scrollTop() > 200) {
                    burger.show();
                    menu.hide();
                    header.css({'width': '120px', 'transition': 'all 1s ease'});
                    main.css({'margin-left': '120px', 'transition': 'all 1s ease'});
                    footer.css({ 'width': 'calc(100% - 120px)', 'margin-left': '121px'  });
                  } else {
                    menu.show();
                    burger.hide();
                    header.css({'width': '300px', 'transition': 'all 1s ease'});
                    main.css({'margin-left': '300px', 'transition': 'all 1s ease'});
                    footer.css({ 'width': 'calc(100% - 300px)', 'margin-left': '301px'  });
                  }
                });
            } 
          });
    })(jQuery);

and you had to find a solution for the opened hamburger then yourself. trying to find a solution for paddings on the hamburger ul
and – because of the new existing place for main some alb elements are not willing to go with that. F.e. on : https://kriesi.at/themes/enfold-photography/blog/ i can see in developer tools that there wasn’t a recalculation on masonry styles. And you had to find a way to close the hamburger menu when scrolling back to top position.

It works fine for me in Firefox now that Mike has made some changes.
But why make life so difficult for yourself? A very slim plugin like Page Scroll to ID does this very elegantly. For example, you can not only specify an offset, but even an offset scroll position in the form of a selector: #header. This makes perfect sense for our shrinking header. But what I really like is the ability to navigate to an anchor on another page. This can be set so that the page opens at the top and then scrolls to the anchor after an (adjustable) delay.

First – i think you have uploaded the whole downloaded archive from google to enfold. Because only the static font-styles are seen – and they are registered as “static” font.

Next: do you really need all those font-weights ? form 200 to 900 and italic too?
for most websites it is sufficient to offer only 300, 400 and 700.
Hint: as you can see here on a post of mine for a lot of fonts it is o.k. to use the browser way to render italic fonts.
https://kriesi.at/support/topic/host-web-font-yourself-some-info/#post-1364066. – ( that topic is in many ways old and obsolete – because a lot of those features are now included to enfold – but f.e. the transfonter tool is still good to use)
You can see that only a few serif fonts show significant differences between browser-rendered italic fonts and real italic fonts.

Next: if you look inside the downloaded static folder – you see some expanded, condensed, semicondensed etc. font-styles-
This is what you mean by squished. Only upload those fonts you like to use.

Next: the nunito font is separated on google to a 7pt and a 10pt style ( i believe it is a kind of kerning they use. optical or metric kerning)
i think the 7pt will be the most used.

Conclusion: Long story short – I have put together the 7pt version as ttf and woff2 ( for modern browsers this is best) font in an uploadable zip.
Delete your uploaded file from the font manager and upload this zip here instead: https://webers-testseite.de/NunitoSans.zip

by the way – activating it for enfold : the fontmanager fonts will be at the end of the dropdown list.

if i looks ok on logged in version – then it is a caching problem.
i see you are using WP Rocket – clear all cachings there and merge the enfold files again ( if you have choosen that option) – clear all browser cachings.

But please let’s clarify the terms first, i think there’s already a problem here.
justification means left and right letters in a paragraph are in one line. ( as you can see on the right side of your screenshot : not logged in )
on the left side this is ( called in Germany Flattersatz ) : ragged margin
What do you prefer to have?

Next : do you like to have this narrow blog – or do you like to have it in one line with logo and navigation?

By the way:
hyphens:auto does not hyphenate Capitalized words: https://github.com/mozilla/wg-decisions/issues/54

One big exception is german language! – Because we write a lot of nouns with big letters at the beginning.