Home / Forums / You Theme Support / disable/alter mobile header

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts

  • op-media
    Participant

    in mobile view the dock bar (containing the menu) switches to a fullwidth row on top of the logo.
    is it possible to disable this feature and keep the desktop version?

    Hi @op-media

    Can you please send over your site’s URL as I can’t picture out the issue from my end?

    Regards,


    op-media
    Participant
    This reply has been marked as private.

    Hi @op-media

    I have checked the site and if I understand it correctly, you want to dropdown menu not to occupy full-width but just a portion just like how it behaves on desktop? It should be possible via CSS but with small screens on mobile, it is will look really good.

    Please confirm if I understood you correctly so I can give you the CSS to format the mobile menu that way.

    Regards,


    op-media
    Participant

    Hi! Yes that´s correct. Please provide the CSS. Thanks.

    Hi @op-media

    Copy and paste this CSS into Appearance > Theme Options > Custom CSS > Mobile CSS

    ul.dock-panel.clearfix {
        width: 175px;
        float: right;
    }
    
    dock-tab-wrapper.dock-menu.show {
        width: 225px;
        min-width: 100px;
        left: auto !important;
    }

    Thanks!


    op-media
    Participant

    I have another question: Is it possible to automatically close the dock panel menu after a menu item has been clicked?

    Hi @op-media

    That behaviour is controlled by javascript. Changing that will require a lot of customization which we do not support.

    The easiest way option is to use another mobile menu plugin.

    Regards,

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.