How to remove wordpress velux theme mobile toggle?

  • Resolved jurijsmsk

    (@jurijsmsk)


    4 years, 11 months ago

    Hey. I want my mobile menu overlay content istead of pushing it down, so at this point i have to get rid of default velux theme menu toggle because right now im getting two menu toggles. Ive been looking for solution for some time but havent figured out.

    .menu-toggle {
display: none;
}

    hides all mobile toggles.

    So any suggestions guys? Realy desperate… Image down below shows two menu toggles. I can turn off menu toggle in mega menu settings but than menu will be pushed down instead of overlay what im looking for. Any hepl will be appreciated.

    View post on imgur.com

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author megamenu

    (@megamenu)

    Hi jurijsmsk,

    It should be quite simple, but I need to see your site in my own browser to work out the correct CSS to use. Please can you post a link to your site?

    Regards,
    Tom

    Thread Starter jurijsmsk

    (@jurijsmsk)

    https://varpinas.lv/kokkopis/koku-kopsana/

    main page builded with elementor so there no ussues, issue is exacly in pages with velux theme.

    Thanks for quick reply, velux theme support forum is dead looks like nobody cares about users over there.

    Plugin Author megamenu

    (@megamenu)

    Hi jurijsmsk,

    Thanks. For me, at the moment, I see the theme toggle button. Clicking on the theme toggle button shows the sub menu, but the sub menu does not push the content down. It is overlaying the content. Is that different from what you’re seeing?

    Regards,
    Tom

    Thread Starter jurijsmsk

    (@jurijsmsk)

    I solved part of puzzle, atm issue is theme toggle opens megamenu toggle and then megamenu toggle opens menu. So goal is remove theme toggle so there is only mega menu toggle and mega menu. Cannot figure out how to get rid of theme toggle ??

    .menu-toggle {
display:none;
}

    turns hides all toggles, theme and megamenu…

    View post on imgur.com

    You can check now, i turned mobile toggle on atm.

    Plugin Author megamenu

    (@megamenu)

    Hi jurijsmsk,

    Try:

    .menu-toggle {
    display: none;
}
.main-navigation {
    display: block;
}

    Regards,
    Tom

    Thread Starter jurijsmsk

    (@jurijsmsk)

    Great, this one removed theme toggle, but you can check page right now, menu location isnt in top, why is that?

    View post on imgur.com

    • This reply was modified 4 years, 11 months ago by jurijsmsk.
    Plugin Author megamenu

    (@megamenu)

    Hi jurijsmsk,

    That is the default position of the menu (where the theme puts it). If you want the toggle button at the top – where it was before, it would be best to keep the theme toggle button and hide ours.

    Regards,
    Tom

    Thread Starter jurijsmsk

    (@jurijsmsk)

    Eh, im still trying to figure out, since non of options for isnt good enaugh, sorry. So elementor (front page) menu is social, but theme page menu is social. Smth is clearly not right because it moves both menus at same time, elemtor and theme.

    @media only screen and (max-width: 40.063em) {
.mega-menu .mega-menu-primary .mega-menu-toggle {
	margin-top: -180px
}
}

    EDIT: This one is doing work, but wanna make sure its right way to do it. 

    @media only screen and (max-width: 40.063em) {
    .main-navigation {
      position: absolute;
		margin-top: -190px;
    • This reply was modified 4 years, 11 months ago by jurijsmsk.
    Thread Starter jurijsmsk

    (@jurijsmsk)

    figured out, all good, thanks ??

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘How to remove wordpress velux theme mobile toggle?’ is closed to new replies.