composer update komutunu çalıştırıp tekrar denermisin.

önde durmasını istediğin yere z-index: 2; değeri ver.ben örnek olsun diye 2 yazdım daha yüksek birşeyde yazabilirsin.

.profile-setting classını böyle güncelleyip denermisin.

.profile .profile-setting {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-start;
}

https://www.w3schools.com/cssref/pr_pos_overflow.asp
https://www.w3schools.com/cssref/css3_pr_overflow-x.asp
https://www.w3schools.com/cssref/css3_pr_overflow-y.asp

/* y eksenindeki scroll'u gizler */
overflow-y:hidden;
/* x eksenindeki scroll'u gizler */
overflow-x:hidden;
/* her iki eksendeki scroll'u gizler */
overflow:hidden;

$kat= explode(',',$veri[0][kateg_id]); ?> // buradaki `kateg_id` bir değişkenmi yoksa array'e ait bir key mi?
$kat= explode(',',$veri[0]['kateg_id']); ?>

kateg_id kısmını düzeltirsen olur bu iş :)

@media kullanarak responsive hale getirebilirsin.
https://www.w3schools.com/css/css3_mediaqueries_ex.asp

Örnek:

<div class="container">
    <nav class="Selamlar">
        <ul class="menu">
            <li><a href="#" class="Anasayfa">Anasayfa</a></li>
            <li><a href="#" class="hakkimizda">Hakkımızda</a></li>
            <li><a href="#" class="kimiz">Kimiz Biz</a></li>
            <li><a href="#" class="iletisim">İletişim</a></li>
            <li><a href="" class="sosyal">Sosyal Medya</a></li>
        </ul>
    </nav>
    <img src="agency/assets/img/Logo2.png" alt="">
</div>

.container{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
@media (min-width: 576px) {
	.container{
		width: 540px;
	}
}
@media (min-width: 768px) { 
	.container{
		width: 720px;
	}
}

@media (min-width: 992px) {
	.container{
		width: 960px;
	}	
}

@media (min-width: 1200px) {
	.container{
		width: 1140px;
	}	
}

@media (min-width: 1400px) {
	.container{
		width: 1320px;
	}	
}

$veri[0]["mdil"] den gelen veri türkçe ise 1 ingilizce ise 2 geliyorsa sorunsuz çalışması lazım

$names = [
	"Mehmet Akif Gökçe",
	"Ali Kaya",
	"Elif Gizem Adıgüzel",
];

function nameFormatOne($name){
	$i = explode(' ', $name);
	$lastName = $i[count($i) - 1];
	unset($i[count($i) - 1]);
	$out = '';
	foreach($i as $x => $y){
		$out .= substr($y, 0, 1).'.';
		if($x < count($i) - 1){
			$out .= ' ';
		}
	}
	$out .= ' '.$lastName;
	echo $out;
}
function nameFormatTwo($name){
	$i = explode(' ', $name);
	$lastName = $i[count($i) - 1];
	unset($i[count($i) - 1]);
	$out = $lastName.', ';
	foreach($i as $x => $y){
		$out .= $y;
		if($x < count($i) - 1){
			$out .= ' ';
		}
	}
	echo $out;
}
function nameFormatThree($name){
	$i = explode(' ', $name);
	$lastName = $i[count($i) - 1];
	unset($i[count($i) - 1]);
	$out = $lastName.', ';
	foreach($i as $x => $y){
		$out .= substr($y, 0, 1).'.';
		if($x < count($i) - 1){
			$out .= ' ';
		}
	}
	echo $out;
}

function nameFormatFour($name){
	$i = explode(' ', $name);
	$lastName = $i[count($i) - 1];
	unset($i[count($i) - 1]);
	$out = $lastName.' ';
	foreach($i as $x => $y){
		$out .= $y;
		if($x < count($i) - 1){
			$out .= ' ';
		}
	}
	echo $out;
}
echo "<pre>";
foreach($names as $n){
	nameFormatOne($n);
	echo " | Format 1<br/>";
	nameFormatTwo($n);
	echo " | Format 2<br/>";
	nameFormatThree($n);
	echo " | Format 3<br/>";
	nameFormatFour($n);
	echo " | Format 3<br/>";
}
echo "</pre>";
/**
M. A. Gökçe | Format 1
Gökçe, Mehmet Akif | Format 2
Gökçe, M. A. | Format 3
Gökçe Mehmet Akif | Format 4
A. Kaya | Format 1
Kaya, Ali | Format 2
Kaya, A. | Format 3
Kaya Ali | Format 4
E. G. Adıgüzel | Format 1
Adıgüzel, Elif Gizem | Format 2
Adıgüzel, E. G. | Format 3
Adıgüzel Elif Gizem | Format 4
*/