• Resolved roidna

    (@roidna)


    Hello,
    In regards to the mobile menu – I wanted to know how I can:
    1) Remove the word ‘menu’ and just leave the three lines
    2) Move that icon (the three lines) to the corner on mobile devices (such as in some other themes)
    Thanks in advance,

Viewing 8 replies - 1 through 8 (of 8 total)
  • 1. With css.

    .nav-trigger-case .kad-menu-name {
    display: none;
    }

    2. do you want it beside the logo?

    Kadence Themes

    Thread Starter roidna

    (@roidna)

    Thank you for the prompt reply.
    1) I am a newbie… Where should I insert that code?
    2) Right upper hand corner, perhaps?
    Thanks again,

    For one and two try adding this in the custom css box in your theme options > advanced settings.

    Kadence Themes

    Thread Starter roidna

    (@roidna)

    Thank you. I really appreciate the help. It took care of removing the menu name. That is great.
    If you don’t mind me still asking:
    1) There is still an empty rectangle (and the three lines are at the end of that). How can I get rid of this to leave just the lines (the menu logo)?
    2) How do I bring these lines up to the top right hand corner (the location is still under the title)?
    Thanks much!

    hannah

    (@hannahritner)

    Hey roidna, can you post a link?

    Hannah

    Thread Starter roidna

    (@roidna)

    Thank you. I have posted a screenshot on a temp page on my site. I have marked the gray rectangle and where I was hoping for the menu to be (if possible, or perhaps above, in a ‘header’ line?).
    By the way – the gray rectangle disappears after you open and close the menu:

    https://omgdad.com/?p=102

    Thanks again,

    Hey, The css was apparently not posted with my comment above.

    Add this css:

    .nav-trigger .nav-trigger-case {
    position: absolute;
    width: auto;
    top: -64px;
    }

    Kadence Themes

    Thread Starter roidna

    (@roidna)

    Nice! Very cool. Thank you both for your help.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Stylizing mobile menu’ is closed to new replies.