How to edit the entire main menu for mobile

This topic has 7 replies, 3 voices, and was last updated 1 years, 8 months ago ago by Vlad

  • Avatar: Vlad
    Vlad
    Participant
    April 17, 2023 at 12:57

    Hi there,
    Ho can i edit this meniu on mobile?
    I want to edit the links, color and i wanna remove compare, whislist and social icons.

    Thank you!

    6 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    April 18, 2023 at 06:35

    Hello, @Vlad,

    1. In order to edit/modify the Mobile Menu content, please navigate to XStore >> Theme Options >> Header Builder >> Mobile Menu and you will find the “Select Extra Tab Menu” option chosen from there, as shown in the screenshot provided (https://postimg.cc/LnVzN1K8). This means the Menu is coming from the Appearance >> Menu, so you have to go to Appearance >> Menu and edit the particular Menu from there, then add/remove the Menu items as per your requirements.

    2. In order to change the color of the Menu items in Mobile, please navigate to XStore >> Theme Options >> Header Builder >> Mobile Menu and change the color from there as per your requirements. For reference, please refer to the screenshot provided: https://postimg.cc/7fvkm51d

    3. In order to remove the compare, wishlist, and social icons, you must disable these elements from XStore >> Theme Options >> Header Builder >> Mobile Menu, please refer to the screenshot provided: https://postimg.cc/682bSc9h

    We wish you the best of luck.

    Best Regards,
    8Theme’s Team

    Avatar: Vlad
    Vlad
    Participant
    April 18, 2023 at 10:28

    Hi there,
    All good.
    Now i have 2 more qustions.

    1. How to edit the button from this mobile menu to be in the center like social icons? see image 1.

    2. In the meniu from image 2 you can see that is not showing the sub-items of that categori.

    Thank you!

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 18, 2023 at 12:11

    Hello, @Vlad,

    Thank you for your response.

    1/ The next custom CSS code can be used:

    .et-mini-content .header-button-wrapper {
        justify-content: center;
        text-align: center;
    }

    2/ Have you selected the menu in Header Builder > Mobile menu > Additional Tab Content – Menu and Select Extra Tab Menu – your menu?

    Kind Regards,
    8theme team

    Avatar: Vlad
    Vlad
    Participant
    April 18, 2023 at 12:53

    Hi there,

    1. Done.

    2. I m not using Elementor. I m using WP Bakery.
    Anyway, i dont have that text in that place. I can;t find it.
    So, i have the Menu, where everything is fine, but i have the extra tab for categories where the sub-itmes are not showing.
    Plz see the img from private area.
    Thx!

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 18, 2023 at 14:11

    Hello, @Vlad,

    My reply is independent of the page builder (Elementor or WPBakery).
    By default, this Categories menu https://postimg.cc/sMn8LbS6 shows categories from here – https://prnt.sc/1NK8kY9p6v5i If you want to show the menu https://postimg.cc/c6QzWvw8 , you need to select it here https://prnt.sc/sJD0kMpmAUR1

    If you need any further assistance, provide temporary wp-admin access.

    Kind Regards,
    8theme team

    Avatar: Vlad
    Vlad
    Participant
    April 18, 2023 at 14:30

    Hi there,
    My bad.
    Indeed, the information provided initially was enough to solve what I needed.
    Thx a lot guys!
    ps: I would be much more satisfied if you had live support that could respond much faster. But it’s ok in this way too, you answer quite promptly.
    Thx!

  • Viewing 7 results - 1 through 7 (of 7 total)

The issue related to '‘how to edit the entire main menu for mobile’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.