Autor Zpráva
KARIKO
Profil
Ahoj,

mohli byste mi prosím poradit jak vyřešit následující problém?
Jedná se o tvorbu webu, pomocí bootstrapu. V navigačním menu jsem potřebovala dostat do středu logo "Rossi", což se mi podařilo, jen bohužel poté, co chci stránku prohlížet v mobilu, ukazují se mi vzhledem k rozdělení navigace, dvě odlišné menu, viz obrázek. Můžete mi prosím poradit, na co se při korekci zaměřit?
Děkuji, Karina

A prosím ještě o radu, jak zde vložím obrázek, děkuji.

<!-- Header Start -->
    <div class="header-area">
        <div class="main-header header-sticky">
            <div class="container">
                <div class="row align-items-center">

                    <div class="col-lg-4">
                        <nav class="main-menu f-right d-none d-lg-block site-navigation text-right ml-auto "
                            role="navigation">
                            <ul id="navigation" class="site-menu main-menu js-clone-nav ml-auto d-none d-lg-block">
                                <li><a style="font-size: 20px;color: black;" href="our_story.html">Medailonek</a></li>
                                <li><a style="font-size: 20px;color: black;" href="location.html">Filozofie &amp; Přístup</a></li>
                                <!-- <li><a style="font-size: 20px;color: black;" href="gallery.html">Gallery</a></li> -->
                            </ul>
                        </nav>
                    </div>

                    <div class="col-lg-4 text-center">
                        <div class="site-logo">
                            <div class="logo">
                                <a href="index.html"><img style="max-width: 150px;" src="assets/img/logo/logo.png" alt=""></a>
                            </div>
                        </div>
                    

                        <div class="ml-auto toggle-button d-inline-block d-lg-none"><a href="#"
                                class="site-menu-toggle py-5 js-menu-toggle text-white"><span
                                    class="icon-menu h3 text-white"></span></a></div>
                    </div>

                    <div class="col-lg-4">
                        <nav class="main-menu f-right d-none d-lg-block site-navigation text-left mr-auto" role="navigation">
                            <ul id="navigation" class="site-menu main-menu js-clone-nav ml-auto d-none d-lg-block">
                                <!-- <li><a style="font-size: 20px; color: black;" href="booking.html">Guest Book</a></li> -->
                                <li><a style="font-size: 20px;color: black;" href="#">Témata &amp; Galerie</a>
                                </li>
                                <li><a style="font-size: 20px;color: black;" href="contact.html">Kontakt</a></li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
            <!-- Mobile Menu -->
            <div class="col-12">
                <div class="mobile_menu d-block d-lg-none"></div>
            </div>
        </div>
    </div>
    </div>
Keeehi
Profil
Obrázek sem vložíš tak že mezi [img] a [/img] vložíš url obrázku. Pokud nemáš obrázek kam nahrát, můžeš využít zdejší uložiště.
KARIKO
Profil
Keeehi:
Moc děkuji za navedení, jak vkládat obrázky.

Níže vkládám oba obrázky, popsány v původním textu.

A) V navigačním menu jsem potřebovala dostat do středu logo "Rossi", což se mi podařilo.



B) Bohužel poté, co chci stránku prohlížet v mobilu, ukazují se mi vzhledem k rozdělení navigace, dvě odlišné menu, viz obrázek.



Můžete mi prosím poradit, na co se při korekci zaměřit?
Děkuji, Karina

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0