[Gnosis123Participant]

I have a register/login + drop down (when logged in) menu in the wp admin bar (top right corner). All works fine until browser is reduce to around 860px when the topbar menu goes responsive. Then wp admin bar content disappears. How do I keep the content displayed?

[Gnosis123Participant]

This reply has been marked as private.

[ThaiModerator]

Hi There,

Please add the following CSS under Customizer > Custom > CSS:

@media screen and (max-width: 860px) {
    #wpadminbar .quicklinks ul {
        display: block;
    }
}

Hope it helps 🙂

[Gnosis123Participant]

Doesn’t work. Threw them to the left on top of one another. I added float:right; but this is all that happens.

reg and log stack on top of each other before disappearing as screen reduces further.

[Gnosis123Participant]

I’ve also noticed the responsive Navbar menu will not open once the reg and login texts stack over each other.

[ChristopherModerator]

Hi there,

Please update your CSS code to :

@media screen and (max-width: 782px){
#wp-toolbar>ul>li, #wpadminbar #wp-admin-bar-user-actions.ab-submenu img.avatar {
    display: block;
    width: 47% !important;
}
ul#wp-admin-bar-root-default {
    width: 100%;
}
}

Hope that helps.

[Gnosis123Participant]

Nope. Still not working. First they stack like before then upon further scaling down they stretch across the admibar in two blocks.

[Gnosis123Participant]

This reply has been marked as private.

[Rue NelModerator]

Hello There,

Please update the code and use this:

@media screen and (max-width: 860px) {
    #wpadminbar ul#wp-admin-bar-root-default>li {
        display: inline-block;
        width: auto !important;
        float: none;
        margin-right: 20px;
        padding: 0 8px;
        border: solid 1px #efefef;
        position: relative;
    }

    #wpadminbar .quicklinks>ul>li>a {
        padding: 0;
    }
}

After making any changes, you must clear plugin cache first before testing your site.
Please let us know how it goes.

[Gnosis123Participant]

Thanks Mr Wizard making great headway! Still have a problem though. When logged in the username (replacing reg/login) disappears as the screen reduces. Username becomes stacked blocks before vanishing. Also the responsive navmenu doesn’t open when this happens. I removed the topbar menu and all associated coding but it made no change – navmenu still doesn’t open once this point is reached.

[Gnosis123Participant]

This reply has been marked as private.

[Rue NelModerator]

Hello There,

Thanks for writing in! Regretfully we cannot support any more modifications to the header other than minor cosmetic changes due to the fact that X is a highly dynamic theme with many elements being constructed on the fly based on options in the Customizer. Among these, the header is one of the more complex elements of the theme and the WP admin bar is not a part of it. Any structural modifications to it will likely lead to numerous layout problems which is already going on right now as there are a lot of things to take into consideration because of site’s responsive nature. Taking all of this into consideration, these types of updates are out of the scope of our support as their involvement is simply too great and we are a very small team. Please keep in mind that our Support only covers getting setup, theme features, and bug fixes. While we would love to be able to assist all of our users with every customization request, the simple reality is that we cannot cater to every inquiry. Additionally, we will not be able to support any issues that might arise from modifications made to this area on your own.

Thank you for your understanding.

[Gnosis123Participant]

Thanks for your help and reply. I do appreciate the difficulties in layout problems with something as flexible and complex a x-themes. I do however feel that as x-theme is a wordpress theme i think it would be reasonable expect the wp adminbar function to work with the theme. I have modified the adminbar (to include register/login that then becomes the standard user dropdown menu when logged in) on my own so as to avoid being told that its was outside of the scope of your support. It seems this has happened anyway.

Can you recommend a 3rd party to assist. Perhaps x-theme could offer some paid support as many of us would use it just to be able to get on with completing our sites.

Again thanks for all your efforts to date. It is extremely appreciated.

[Paul RModerator]

Hi,

You may contact one of our trusted partners to assist you with this.

https://theme.co/x/member/custom-development/

Thanks

[Author]

Posts