maybe it is time to have a sticky post on top of this forum.
I guess a lot of participants got child-theme header.php files – and with the new footer.php that comes to conflict.
see my answer here: https://kriesi.at/support/topic/socket-footer-has-disappeared-after-recent-update/#post-1323255

i guess you can create on basis of portfolio other custom post types ( often seen as CPT )

but if i look into the dev tools of the link you noted on first post. these are pages with subpages ( no taxonomies nor categories )

by the way : i do not now why you like to have that png in your menu –
but if you look into the appearance – menu settings on window top right there is “screen options”
if you activate to see css classes on menu-items you can give a class ( in my case : gradient ) to menu-items then. And with that class you can even have animated backgrounds on menu-items. see : https://webers-testseite.de/

li.gradient .avia-menu-text {
    color: #fff;
    background: linear-gradient(-45deg,#FFA63D,#FF3D77,#338AFF,#3CF0C5);
    background-size: 600%;
    border: none !important;
    animation: anime 14s linear infinite;
    padding: 10px 20px !important;
    border-radius: 10px !important;
}

next way – you can have the enfold options on that menu page to mark the option : “Button Style colored”
this color can be changed to what ever you like. ( see same link : Impressum )
and with a border-radius valued with 4 values you can influence each corner separatly of that rectrangle:
( top-left top-right bottom-right bottom-left – nomenclatura goes clockwise from top-left corner )

#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
  background-color:#aea410;
  border-color:#aea410;
  border-radius: 0 0 10px 10px;
}

and f.e. on your screenshot above – you can have that for your contact button too ;)

try this – play with your own colors

#scroll-top-link {
  color: #c9342f;
}

#scroll-top-link:hover {
  border: 1px solid #848484;
}

there are jQuery Methods – but a lot of participants here believe that this is not the best method to substitut tags on SEO reasons.

i think it will be only a matter of postion or width.
can you have a look into your page with developer tools.
try ( to see only if there are some entries ) – then style it in a different way.

.mtphr-dnt-tick-contents {
    position: relative;
    overflow: visible;
    height: 35px;
    width: 500px;
}

do you have a footer.php in your child-themes folder ?

what do you mean by “child css” ? the style.css file of the child-theme ?
besides, I think the quick css is the solution that is always the fastest to implement, so why avoid it?

and by the way – do you realy want to give a background-color to the whole width?
if not – this would be a maybe nicer code:

.slogan {
    background-color: rgba(0,0,0,0.5);
    display: inline-block;
    width: unset !important;
    padding: 10px 15px 0px;
}

did you copy & paste the code from here: – Link

There are a lot of changes in the footer – ( curtain effect etc. ) – so if you got f.e. a child-theme footer.php this has to be updated too – to the new version.
If so – you had to know – why you got a child-theme footer.php that you can transfer your wanted changings to the new footer.php

first : if you have no settings on a lot of shortcode settings – you can get rid of it:

Zur Agentur reinsicht [av_font_icon icon='ue841' font='entypo-fontello' size='19px' position='right'][/av_font_icon]

try that shortcode
PS : you know how to find those numbers ? ue841 etc.

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

now put this to your quick css:
the first rule is extended – then the second instruction is added

.phone-info a {
	display: inline-block;
	font-size: 14px;
	font-weight: normal !important;
	padding-left: 15px
}

.phone-info .av_font_icon {
	position: relative;
	top: -4px;
	color: #eaac57;
}

and in the phone-info code get rid of separator “-”
or replace with:

<a href="tel:3109333123">[av_font_icon icon='ue854' font='entypo-fontello' size='20px' position='left' color='#eaac57' custom_class='phone'][/av_font_icon] (310)933 3123</a><a href="mailto: (Email address hidden if logged out) ">[av_font_icon icon='ue805' font='entypo-fontello' size='20px' position='left' color='#eaac57' custom_class='email'][/av_font_icon]  (Email address hidden if logged out) </a>

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

i would update such older Versions allways via ftp in this manner: https://kriesi.at/support/topic/some-hints-and-advice-to-update-enfold/#post-1056107 , because you will have a rollback enfold version if you had to go back.
And make a complete Backup of your page ( f.e. with duplicator ).

What about your php and Wordpess Versions? Are these allready on newest one?

Is it too complicated for you to implement?
maybe this is better – ( as mentioned above – the second button had to be not an anchor link leading to an id of a color-section or something like this )

function inline_popup_youtube_link() { 
?>
<script type="text/javascript">
(function($){
$(window).on('load', function () {  
	$('.custom-class').find('a[href^="#"]').addClass('no-scroll');
	$('.custom-class').magnificPopup({
		delegate: 'a[href^="#"]',
		type:'inline',
		midClick: true,
	});
 });   
})(jQuery);
</script>
<?php 
}
add_action('wp_footer', 'inline_popup_youtube_link', 9999);

Borlabs can block iframes – see : Borlabs – Content Blocker – Youtube :

This is the shorcode i put inside a div – and set for the div a class : mfp-hide
This class is the magnificPopup class that is set to display: none
With that code above – every anchor link that starts with “#” inside that custom-class ( you can have every other name for it ) will open in a lightbox. In this case it is that youtube film – blocked by borlabs cookie til you consent.
The button itself is linking to manual #youtube-film ( this had to correlate with the div ID that you like to open )

<div id="youtube-film" class="mfp-hide">[borlabs-cookie id="youtube" type="content-blocker"]<iframe width="100%" height="800" src="https://www.youtube-nocookie.com/embed/Uzjt3fvIlnY" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>[/borlabs-cookie]</div>