Okay
  Public Ticket #1193770
main menu customisation
Closed

Comments

  •  1
    tafarelli started the conversation
    June 3, 2017 at 9:19am

    I would like to remove main menu from my home page only

    (no menu hamburger icon at all).

    Can You please instruct me on how to do it?

    Many thanks, DK

    {"wp":{"use":false,"adminUrl":"","username":"","password":""},"ftp":{"use":false,"url":"","port":"","user":"","password":"","path":""}}

  • [deleted] replied
    June 4, 2017 at 4:59am

    Hi tafarelli

    Please learn how to use Custom CSS section, after you read the article drop the code below which one you need

    This part of code will hide logo and menu

    header.main-header{
    display: none;
}

    Only Hamburger Menu and Other Menu Items

    header.main-header .logo-and-menu-container .menu-column, 
header.main-header .logo-and-menu-container .mobile-menu-column{
    display: none;
}

    Thank you.

  •  1
    tafarelli replied
    June 4, 2017 at 8:50am

    Thank you for reply.

    It does work globaly (for all pages), but when I input it just for certain page (in it's own custom css) it is not working.

    I would like to remove it only from  my home page - other pages must have navigation menu (I am using top menu style).

    Tx

  •  1
    tafarelli replied
    June 4, 2017 at 9:04am

    Ok I have solved it by installing plugin css plus.

    Tx again!

  • [deleted] replied
    June 4, 2017 at 12:19pm

    Hi tafarelli

    Sorry first of all, it's small mistake done by me, please consider reading the following article about Page Parameters & Options, every page has it's own custom css area.

    Thank you.

  •  1
    tafarelli replied
    June 4, 2017 at 6:50pm

    Tx. Also, I would like it to be visible on mobile.

    Is that possible?

  • [deleted] replied
    June 5, 2017 at 11:50am

    Hi tafareilli

    Please past the following code to Page : Custom & CSS.

    header.main-header .logo-and-menu-container .menu-column, 
header.main-header .logo-and-menu-container .mobile-menu-column{
    display: none;
}
@media screen and (max-width: 699px) {
    header.main-header .logo-and-menu-container .menu-column, 
    header.main-header .logo-and-menu-container .mobile-menu-column{
        display: block;
    }
}

    Thank you.

  •  1
    tafarelli replied
    June 5, 2017 at 12:32pm

    Thank You very much!

  • [deleted] replied
    June 6, 2017 at 3:50am

    Hi tafarelli,

    I'm really glad that the solution worked and you can continue to work on your site now

    A huge thank you from Laborator in advance and have a great day!

    Will set this ticket as solved from here.

    Thank you