youtube32

I understand my problem now. At my country other store only show icon (three dashes) when go to mobile interface . They don’t show any text behind that icon. I think i just hide that text show it will perfect.
Anyone want hide “menu” on mobile interface like me . Just add this to function.php like Tom share.

add_filter( 'generate_mobile_menu_label', function() {
    return '';
} );

• This reply was modified 6 years, 3 months ago by youtube32.
• This reply was modified 6 years, 3 months ago by youtube32.

Thanks a lot Tom . I like to change Menu Title to “Danh Muc San Pham”. I found on google ( Customizer > Layout > Primary Navigation > Mobile Menu Label).

But unfortunately i don’t have GP Premium.I can inspect at chrome change code
<span class="mobile-menu">Menu</span>
to
<span class="mobile-menu">Danh Muc San Pham</span>
but i don’t how to convert it to Custom CSS. And when i make this change menu text show vertical like image 4. How to change it show up like image 5 make this text full width blue.

4 https://i.imgur.com/Qc9TJKm.png
5 https://i.imgur.com/SzQWqEr.png

• This reply was modified 6 years, 3 months ago by youtube32.

My website : https://thaonhi.vn/

After fill your code with function.php and custom css :
I change Customizing – Layout – Sidebar – Sidebar Layout – Content (no sidebars)
Change width 18% and width 82%. I create one more slide with this code slider-area2

add_filter( 'generate_navigation_location', function() {
    return 'custom';
} );

add_action( 'generate_after_header', function() {
    ?>
    <div class="navigation-slider-area grid-container grid-parent">
        <div class="gen-sidebar-nav">
            <?php generate_navigation_position(); ?>
        </div>

        <div class="slider-area">
            <?php echo do_shortcode( '[metaslider id="851"]' ); ?>
        </div>
        <div class="slider-area2">
            <?php echo do_shortcode( '[metaslider id="851"]' ); ?>
        </div>
    </div>
    <?php
} );

.navigation-slider-area {
    display: flex;
}

.navigation-slider-area .gen-sidebar-nav {
    width: 18%;
}

.slider-area {
    width: 82%;
}

My current https://i.imgur.com/kxGNscS.png
I’m try to moving slider2 down slider1 by change css with

.slider-area2 {
  margin-top:200px;
  width: 82%;
}

but it not go full width . Image https://i.imgur.com/Yqo1jfr.png . And menu have little corrupt
My idea https://i.imgur.com/T5fVbvT.png

• This reply was modified 6 years, 4 months ago by youtube32.
• This reply was modified 6 years, 4 months ago by youtube32.
• This reply was modified 6 years, 4 months ago by youtube32.
• This reply was modified 6 years, 4 months ago by youtube32.
• This reply was modified 6 years, 4 months ago by youtube32.

Yep. Here my site https://thaonhi.vn/