Menu -> SubMenu -> SubMenu Não funciona

pousadabomjesus
Offline
Last seen: 7 months 22 hours ago
Fri, 08/19/2016 - 02:30
#1
Menu -> SubMenu -> SubMenu Não funciona

Boa tarde!
Eu quero ter um submenu dentro de um link que já está em um submenu.
As maneiras que tentei utilizando o elementos do modelo, não deu certo, o melhor que consegui foi esse: http://pousadadobomjesus.com/submenu.png
Teria com me ajudar a melhorar? Eu quero que apareça somente no hover.

(Google Translate)
Good afternoon!
I want to have a submenu within a link that is already in a submenu.
The ways I tried using the model elements, it did not work, the best I got was this: http://pousadadobomjesus.com/submenu.png
I would have to help me to improve? I want to appear only on hover.

Code:
<li><?php echo anchor('Tarifario/Pacotes/#PBJ', 'Pacotes', 'title="Pacotes"'); ?>
<div class="have-menu">
<ul class="sub-menu-inner">
<li><?php echo anchor('Tarifario/Pacotes_Mes_Dos_Pais/#PBJ', 'Mês dos Pais', 'title="Pacote Mês dos Pais"'); ?></li>
<li><?php echo anchor('Tarifario/Pacotes_7_Setembro/#PBJ', '7 Setembro', 'title="Pacote 7 Setembro"'); ?></li>
</ul>
</div>
</li>

linhpeter0508
linhpeter0508's picture
Offline
Last seen: 6 days 3 hours ago
Fri, 08/26/2016 - 17:34

Hi,

Sorry, i had support late for you.

You open style.css file and search: .have-submenu:hover .sub-menu

Add character ">". Eg: .have-submenu:hover > .sub-menu

And save this code to the last line:

.sub-menu .sub-menu {
left: 205px;
top: 25px;
}


.sub-menu .sub-menu .sub-menu-inner::before, .sub-menu .sub-menu .sub-menu-inner::after {
bottom: 45px;
left: -31px;
}


.sub-menu .sub-menu .sub-menu-inner::before {
border-right-color: #524c3a;
border-width: 15px;
border-bottom: 15px solid transparent;
}



pousadabomjesus
Offline
Last seen: 7 months 22 hours ago
Mon, 09/05/2016 - 19:57

(google translate)

Even after following his instructions, did not work.
I made several attempts in HTML.

Test 1

                                <li class="have-submenu"><a href="#"><?php echo lang('pg_tarifas'); ?></a>
                                    <div class="sub-menu">
                                        <ul class="sub-menu-inner">
                                            <li><?php echo anchor('Tarifario/Politica_de_Reservas/#PBJ', 'Política de Reserva', 'title="Política de Reserva"'); ?></li>
                                            <li><?php echo anchor('Reservas/Online/', 'Reservas Online', 'title="Faça sua Reserva Online" target="_blank"'); ?></li>
                                            <li><?php echo anchor('Tarifario/Tarifa_2016/#PBJ', 'Tarifário 2016', 'title="Tarifário 2016"'); ?></li>
                                            <?php if(strtotime(date('d-m-Y'))<strtotime('07-09-2016')){ ?>
                                            <li><?php echo anchor('Tarifario/Pacotes/#PBJ', 'Pacotes', 'title="Pacotes"'); ?></li>
                                            <?php } ?>
                                            <li class="have-menu"><!-- test -->
                                                <?php echo anchor('Tarifario/Pacotes/#PBJ', 'Pacotes', 'title="Pacotes"'); ?>
                                                <div class="sub-menu">
                                                    <ul class="sub-menu-inner">
                                                        <li><?php echo anchor('Tarifario/Pacotes_Mes_Dos_Pais/#PBJ', 'Mês dos Pais', 'title="Pacote Mês dos Pais"'); ?></li>
                                                        <li><?php echo anchor('Tarifario/Pacotes_7_Setembro/#PBJ', '7 Setembro', 'title="Pacote 7 Setembro"'); ?></li>
                                                    </ul>
                                                </div>
                                            </li><!-- end test -->
                                        </ul>
                                    </div>
                                </li>

Test 2

                                <li class="have-submenu"><a href="#"><?php echo lang('pg_tarifas'); ?></a>
                                    <div class="sub-menu">
                                        <ul class="sub-menu-inner">
                                            <li><?php echo anchor('Tarifario/Politica_de_Reservas/#PBJ', 'Política de Reserva', 'title="Política de Reserva"'); ?></li>
                                            <li><?php echo anchor('Reservas/Online/', 'Reservas Online', 'title="Faça sua Reserva Online" target="_blank"'); ?></li>
                                            <li><?php echo anchor('Tarifario/Tarifa_2016/#PBJ', 'Tarifário 2016', 'title="Tarifário 2016"'); ?></li>
                                            <?php if(strtotime(date('d-m-Y'))<strtotime('07-09-2016')){ ?>
                                            <li><?php echo anchor('Tarifario/Pacotes/#PBJ', 'Pacotes', 'title="Pacotes"'); ?></li>
                                            <?php } ?>
                                            <li><!-- test -->
                                                <?php echo anchor('Tarifario/Pacotes/#PBJ', 'Pacotes', 'title="Pacotes"'); ?>
                                                <div class="sub-menu">
                                                    <ul class="sub-menu-inner">
                                                        <li><?php echo anchor('Tarifario/Pacotes_Mes_Dos_Pais/#PBJ', 'Mês dos Pais', 'title="Pacote Mês dos Pais"'); ?></li>
                                                        <li><?php echo anchor('Tarifario/Pacotes_7_Setembro/#PBJ', '7 Setembro', 'title="Pacote 7 Setembro"'); ?></li>
                                                    </ul>
                                                </div>
                                            </li><!-- end test -->
                                        </ul>
                                    </div>
                                </li>

Test 3

                                <li class="have-submenu"><a href="#"><?php echo lang('pg_tarifas'); ?></a>
                                    <div class="sub-menu">
                                        <ul class="sub-menu-inner">
                                            <li><?php echo anchor('Tarifario/Politica_de_Reservas/#PBJ', 'Política de Reserva', 'title="Política de Reserva"'); ?></li>
                                            <li><?php echo anchor('Reservas/Online/', 'Reservas Online', 'title="Faça sua Reserva Online" target="_blank"'); ?></li>
                                            <li><?php echo anchor('Tarifario/Tarifa_2016/#PBJ', 'Tarifário 2016', 'title="Tarifário 2016"'); ?></li>
                                            <?php if(strtotime(date('d-m-Y'))<strtotime('07-09-2016')){ ?>
                                            <li><?php echo anchor('Tarifario/Pacotes/#PBJ', 'Pacotes', 'title="Pacotes"'); ?></li>
                                            <?php } ?>
                                            <li><!-- test -->
                                                <?php echo anchor('Tarifario/Pacotes/#PBJ', 'Pacotes', 'title="Pacotes"'); ?>
                                                <div>
                                                    <ul class="sub-menu-inner">
                                                        <li><?php echo anchor('Tarifario/Pacotes_Mes_Dos_Pais/#PBJ', 'Mês dos Pais', 'title="Pacote Mês dos Pais"'); ?></li>
                                                        <li><?php echo anchor('Tarifario/Pacotes_7_Setembro/#PBJ', '7 Setembro', 'title="Pacote 7 Setembro"'); ?></li>
                                                    </ul>
                                                </div>
                                            </li><!-- end test -->
                                        </ul>
                                    </div>
                                </li>

Test 4

                                <li class="have-submenu"><a href="#"><?php echo lang('pg_tarifas'); ?></a>
                                    <div class="sub-menu">
                                        <ul class="sub-menu-inner">
                                            <li><?php echo anchor('Tarifario/Politica_de_Reservas/#PBJ', 'Política de Reserva', 'title="Política de Reserva"'); ?></li>
                                            <li><?php echo anchor('Reservas/Online/', 'Reservas Online', 'title="Faça sua Reserva Online" target="_blank"'); ?></li>
                                            <li><?php echo anchor('Tarifario/Tarifa_2016/#PBJ', 'Tarifário 2016', 'title="Tarifário 2016"'); ?></li>
                                            <?php if(strtotime(date('d-m-Y'))<strtotime('07-09-2016')){ ?>
                                            <li><?php echo anchor('Tarifario/Pacotes/#PBJ', 'Pacotes', 'title="Pacotes"'); ?></li>
                                            <?php } ?>
                                            <li><!-- test -->
                                                <?php echo anchor('Tarifario/Pacotes/#PBJ', 'Pacotes', 'title="Pacotes"'); ?>
                                                <div>
                                                    <ul>
                                                        <li><?php echo anchor('Tarifario/Pacotes_Mes_Dos_Pais/#PBJ', 'Mês dos Pais', 'title="Pacote Mês dos Pais"'); ?></li>
                                                        <li><?php echo anchor('Tarifario/Pacotes_7_Setembro/#PBJ', '7 Setembro', 'title="Pacote 7 Setembro"'); ?></li>
                                                    </ul>
                                                </div>
                                            </li><!-- end test -->
                                        </ul>
                                    </div>
                                </li>

Order my CSS.

    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600">
    <link rel="stylesheet" type="text/css" href="<?php echo base_url('static/css/font.css'); ?>">
    <link rel="stylesheet" type="text/css" href="<?php echo base_url('static/css/libs/jquery-ui-1.10.3.custom.css'); ?>">
    <link rel="stylesheet" type="text/css" href="<?php echo base_url('static/css/jquery.bxslider.css'); ?>">    
    <link rel="stylesheet" type="text/css" href="<?php echo base_url('static/css/libs/magnific-popup.css'); ?>">
    <link rel="stylesheet" type="text/css" href="<?php echo base_url('static/css/style.css'); ?>">
    <link rel="stylesheet" type="text/css" href="<?php echo base_url('static/css/responsive.css'); ?>">
    <link rel="stylesheet" type="text/css" href="<?php echo base_url('static/css/responsive-menu.css'); ?>">
    <!--[if IE 9]><link rel="stylesheet" type="text/css" href="<?php echo base_url('static/css/ie9.css'); ?>"><![endif]-->

linhpeter0508
linhpeter0508's picture
Offline
Last seen: 6 days 3 hours ago
Tue, 09/06/2016 - 11:01

Hi,

You see and test this code HTML:

<li class="have-submenu"><a href="#">Pages</a>
<div class="sub-menu">
<ul class="sub-menu-inner">
<li><a href="blog.html">Blog</a></li>
<li class="have-submenu">
<a href="testimonial.html">Testimonials</a>
<div class="sub-menu">
<ul class="sub-menu-inner">
<li><a href="blog.html">Blog</a></li>
<li><a href="testimonial.html">Testimonials</a></li>
<li><a href="shortcode.html">Shortcode</a></li>
<li><a href="typography.html">Typography</a></li>
</ul>
</div>
</li>
<li><a href="shortcode.html">Shortcode</a></li>
<li><a href="typography.html">Typography</a></li>
<li><a href="booking-cart.html">Booking Cart</a></li>
<li><a href="checkout.html">CheckOut</a></li>
<li><a href="check-available.html">Check Available</a></li>
</ul>
</div>
</li>

I had sent style.css for your email. You remove old file and save new file.

Image title

pousadabomjesus
Offline
Last seen: 7 months 22 hours ago
Tue, 09/06/2016 - 18:57

It worked! Thank you!

Log in or register to post comments