[Support request] Hide menu title

Home Forums Support Hide menu title

This topic contains 5 replies, has 3 voices, and was last updated by  David 9 months, 2 weeks ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #722703


    Hey guys!

    How do i hide the menu title on mobile? Right after the burger, “Meny” shows up. Can i hide it?

    I also having issues with the slide out nav on mobile. Is it possible to get the background color across the screen and that the menu is centered?

    Hope you can help me out!


    GeneratePress 2.1.4
    GP Premium 1.7.3

    David Customer Support

    Hi there,

    in the Customizer > Layout > Primary Navigation > Mobile Menu Label – just remove the text.

    To make the Slideout nav to full screen would take some code, Tom provides a starting point here:





    It doesn´t seem to work.
    Ang when I enable the slideout nav, the menu does not appear. Only the “background box”.


    Leo Customer Support


    The menu is now displayed. But the background does not appear on the entire screen.


    David Customer Support

    So full screen will take a few steps.

    1. Create a new menu specifically for the slideout navigation.

    2. We need to create a custom exit button. So add a custom link to the menu with these settings:
    URL: #
    Navigation label: <span class="screen-reader-text">Close</span>
    CSS Classes: slideout-exit custom-slideout-exit

    3. Add this CSS:

    .slide-opened .slideout-exit:before {
        display: none;
    .custom-slideout-exit a {
        text-align: center;
    .custom-slideout-exit a:before {
        content: "\f00d";
        font-family: GeneratePress;
        line-height: 1em;
        width: 1.28571429em;
        text-align: center;
        display: inline-block;
    .main-navigation.offside {
        width: 100%;
    .offside--right {
        right: -100%;
    .offside--right.is-open, .offside-js--is-right .offside-sliding-element {
        -webkit-transform: translate3d(-100%,0,0);
        -moz-transform: translate3d(-100%,0,0);
        -ms-transform: translate3d(-100%,0,0);
        -o-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    #generate-slideout-menu .slideout-menu li {
    	text-align: center;
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.