Hi Darren,

Please try replacing the last CSS I sent you with this:

.html_modern-blog .avia-content-slider .slide-entry-title {
    font-size: 1em !important;
    font-weight:600;
}

Best regards,
Rikard

Hi,
Sorry for the late reply, I have adjusted the blog script and added it to your theme it seems to be correct now, please clear your browser cache and check. Also please see the screenshot in Private Content area.
This is the updated function:

function blog_custom_script(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
$( 'article.post-entry' ).each(function() {
$( this ).find( '.blog-categories.minor-meta' ).css({'color':'#969696','font-size': '17px','font-weight': 'bold','margin-top':'20px','letter-spacing': '2px'}).insertBefore( $(this).find('h2.post-title.entry-title ') );
$( this ).find( '.post-meta-infos' ).css({'border-top':'2px solid #b41528','color':'#969696','font-size': '17px','font-weight': 'bold','margin-top':'0px','letter-spacing': '2px'}).insertBefore( $(this).find('h2.post-title.entry-title ') );
});
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'blog_custom_script');

You will note that I added 2px letter-spacing, please let us know if you want more spacing.
Once this part is set we can start working on your other requests.

Best regards,
Mike

Hi,

Thank you for the update.

You can use the following css code to adjust the font size of the overlay menu.

#top #wrap_all #av-burger-menu-ul li {
    font-size: 12px !important;
}

Don’t forget to toggle the Enfold > Performance > File Compression settings after adding the code.

Best regards,
Ismael

Hey Veronika,

There are no theme settings for that unfortunately, but you can achieve it using CSS:

@media only screen and (max-width: 767px) {
  h2 {
    font-size:20px !important;
  }
}

Best regards,
Rikard

Hi Darren,

Please try this CSS to change the font size of the headers:

.html_modern-blog .avia-content-slider .slide-entry-title {
    font-size: 1em !important;
}

Remember to clear the cache from your caching plugin before you check the results.

Best regards,
Rikard

Hi,
Thank you, in your screenshot the umlaut seems to be there for Safari, although it looks bolder, I see in your elementor text widget you are using the “geo-sans-light” font:

<p style="font-family: font-family:geo-sans-light; font-size: 30px;">ÜBER MICH</p>

I couldn’t find this on Google Fonts, but on dafont.com it doesn’t work well:

Perhaps try a different font.

Best regards,
Mike

Hi,

Thanks for the update. It looks like you have some unnecessary markup in your content which might be breaking the layout builder:

<div class="fusion-layout-column fusion_builder_column fusion_builder_column_1_2 fusion-one-half fusion-column-first fusion-spacing-no 1_2">
<div class="fusion-column-wrapper" data-bg-url="">
<div class="fusion-text">
<div class="fusion-title title fusion-sep-none fusion-title-size-one fusion-border-below-title">
<h2 data-fontsize="34" data-lineheight="47">Det magiske ved massage</h2>
</div>
<div class="fusion-text">

Hvad enten det drejer sig om behandling af professionelle sportsfolk eller personer med »almindelige problemer« (hovedpine, nakke-, skulder-, rygproblemer, m.m.), spiller massage stadig en større rolle. Korrekt massage stimulerer kredsløbet, fjerner affaldsstoffer, skaber bedre balance i muskulaturen og giver generelt bedre velvære. Muskulære problemer som man ser i idrættens verden, adskiller sig ikke væsentlig fra skader opstået i andre sammenhænge. Det er for så vidt ligegyldigt, om de muskulære problemer er opstået som følge af idræt eller arbejde. På ét enkelt punkt adskiller idrætten og erhvervslivet sig dog klart fra hinanden i forhold til skader. Idrætsudøveren stiller langt større krav til terapeuten om en hurtig og effektiv behandling, mens man måske og desværre er lidt for tilbøjelig til at nedvurdere fritids- eller arbejdsskader. Det betyder dog ikke, at hverken massør eller klient bør acceptere en længerevarig behandling.

Du vil blive uddannet til hurtigt og præcist, at kunne behandle langt de fleste problemer, hvormed klienterne opsøger dig. Uddannelsen som Lægeeksamineret Massør tager specielt sigte på en hurtig, effektiv og ansvarlig behandling af de muskulære problemer. Herved er det muligt at afhjælpe de såkaldte fritids- og arbejdsproblemer, som ofte er belastende for både den enkelte og arbejdspladsen. Ord som sundhed, velvære og kropsbevidsthed er i dag i bevidstheden hos de fleste. På jobbet kræves der et ordentligt arbejdsmiljø, og i idrætsforeningerne stiller udøverne krav om, at kunne blive behandlet hurtigt, korrekt og professionelt. Her spiller massage en stadig større rolle i behandlingssystemet på grund af dens effektive virkning på muskler og kredsløb.

</div>
</div>
<div class="fusion-clearfix"></div>
</div>
</div>
<div class="fusion-layout-column fusion_builder_column fusion_builder_column_1_2 fusion-one-half fusion-column-last fusion-spacing-no 1_2">
<div class="fusion-column-wrapper" data-bg-url=""></div>
</div>

Could you try to remove all the markup which is not your actual text? Or is that what is not working?

If it’s not possible to remove it from the text block element then please try to activate debug mode, and remove it from the actual shortcode to see if that helps: https://kriesi.at/documentation/enfold/intro-to-advanced-layout-builder/#debug-mode

Best regards,
Rikard

Hi,
Sorry for the late reply, I believe I have it sorted out now, please try adding this code to the end of your functions.php file in Appearance > Editor:

function new_custom_script(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
$( '.post-entry' ).each(function() {
$( this ).find( '.blog-categories.minor-meta:first' ).css({'color':'#969696','font-size': '17px','font-weight': 'bold','margin-top':'20px'}).insertBefore( $(this).find('h2.post-title.entry-title ') );
$( this ).find( '.post-meta-infos:first' ).css({'border-top':'2px solid #b41528','color':'#969696','font-size': '17px','font-weight': 'bold','margin-top':'0px'}).insertBefore( $(this).find('h2.post-title.entry-title ') );
});
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'new_custom_script');

Best regards,
Mike

Hi,
Sorry for the late reply, to change the font size of the shortcode output please use this css:

.container .post-meta-infos .minor-meta {
    font-size: 1.1em !important; 
}

The default size is “.9em” so adjust to suit.
For the comments in the meta shortcode, it should show once you add the comments element, since you are building your post with the Advanced Layout Builder you will need to manually create it. I have tested on my localhost and the comments show in the meta field.

Best regards,
Mike

Hi,

Thank you for the update.

You can set the mobile menu to display when the screen width is less than 989px. The option is located in Enfold > Main Menu > General panel. Look for the “Menu Items for mobile” settings. You can also use this css to adjust the font size of the menu items and the space between them.

@media only screen and (max-width: 1024px) {
  #top #header .av-main-nav > li > a {
    font-size: 13px;
    padding: 0 7px;
  }
}

Best regards,
Ismael