nasıl yukarı taşıyabilirim?

31-07-2021, 13:45:39

merhaba mobilde olan bu menüyü nasıl logonun yanına taşıyabilirim? responsive.css te kod kısmı böyle

   .main-menu .navbar-header .navbar-toggle{
        display:inline-block;
        z-index:12;
        border:1px solid #f64e49;
        float:none;
        margin:-2px 0px 0px 0px;
        border-radius:0px;
        background:#f64e49;
    }

31-07-2021, 13:48:39

#2

onurbesen

html tarafında .navbar-header ı bir üst satıra almayı denediniz mi hocam

31-07-2021, 13:50:33

#3

SETUP06

onurbesen adlı üyeden alıntı: mesajı görüntüle

html tarafında .navbar-header ı bir üst satıra almayı denediniz mi hocam

                <!--Right Col-->
                <div class="right-col pull-right">
                    <!-- Main Menu -->
                    <nav class="main-menu">
                        <div class="navbar-header">
                            <!-- Toggle Button -->        
                            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                        </div>

HTML kısmı böyle hocam ben kodlamada giriş seviyedeyim ufak ufak öğrenmeye çalışıyorum.

31-07-2021, 13:58:00

#4

onurbesen

SETUP06 adlı üyeden alıntı: mesajı görüntüle

                <!--Right Col-->
                <div class="right-col pull-right">
                    <!-- Main Menu -->
                    <nav class="main-menu">
                        <div class="navbar-header">
                            <!-- Toggle Button -->        
                            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                        </div>

HTML kısmı böyle hocam ben kodlamada giriş seviyedeyim ufak ufak öğrenmeye çalışıyorum.

Navbar için bootstrap kullanabilirsin hocam css ile uğraşmamış olursun.Örnek navbar kod;

<nav class="navbar navbar-expand-lg navbar-light bg-light">
  <div class="container-fluid">
    <a class="navbar-brand" href="#">LOGO</a>
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav me-auto mb-2 mb-lg-0">
        <li class="nav-item">
          <a class="nav-link active" aria-current="page" href="#">Home</a>
        </li>
          <li class="nav-item">
          <a class="nav-link active" aria-current="page" href="#">Home</a>
        </li>
          <li class="nav-item">
          <a class="nav-link active" aria-current="page" href="#">Home</a>
        </li>
     </ul>
    </div>
  </div>
</nav>