Problem with Titlebar dropdown menus not opening correctly

[Bj123]

After inserting the larger logo image on the upper left the Titlebar dropdown menus don’t properly work anymore. They only open when you are right on the link but don’t stay open long enough (immediately disappear). When I take out the logo image everything is back to normal. This happens even with the recommended logo image size.

Please fix this or let me know how to correct. Of course I need a relatively large logo image…

Thanks.

[Anve S.]

Hi @bstrehi,

Could you please share your site url .

Regards
Anve

[Bj123]

europeanslivingabroad.com

don’t use IE (that’s the only browser where it works) but Chrome, Safari…

[Anve S.]

HI @bstrehl ,

Please tell us which version of theme are you using and your activated / installed plugins list . Seems some plugin is conflicting on your site.

Regards
Anve

[Bj123]

I have the latest version of Boss and also child theme. I just pmessaged you my plugin list at the time I first noticed a couple of weeks ago. Thanks.

[Anve S.]

Hi @bstrehl,

Please apply the following css in child theme custom css option.

#header-menu > ul > li {
    height: 48px!important;
}

Regards
Anve

[Anve S.]

Hi @bstrehl,

Please add following custom css .

@media screen and (min-width:480px){
#header-menu > ul > li {
    height: 48px!important;
}
}

Regards
Anve

[Bj123]

I dropped it into my custom.css for child theme but it didn’t change anything. Problem still there.

[Anve S.]

Hi @bstrehl,

Try installing and activating ‘simple custom css’ plugin .Apply the css in custom css menu from backend.

Regards
Anve

[Bj123]

Now it’s back to normal. I dropped it into the Boss Theme-Custom Code section in the dashboard and this resolved the problem. Weird, I always thought inserting code into this section and custom.css file would be the same. Good to know that it can make a difference.

Thanks for your help re this issue!

[Anve S.]

Hi @bstrehl,

Yeah it makes some difference when it comes to css overriding. Glad to hear that it is solved 🙂

Regards
Anve

[Bj123]

Hi there,

So unfortunately I noticed that the titlebar fix above has somewhat caused problems for my left buddy panel. See screenshot. It messes up the titlebar items that are contained in the left buddypannel whenever the media width is larger than the 480px (eg. you hold your iPhone horizontal). I think the easiest way would be to avoid having the titlebar menu items in the buddy panel. For that reason I have to switch on the buddypannel for logged in and logged out users but only on “mobile” view. For “desktop” view I want to have the buddy panel only for logged in users but not logged out users. After all there’s still the titlebar for logged out users on desktop view. I know that I can switch on and off the buddy panel for logged out users but it always applies to mobile and desktop view, which is unfortunate. Do you have an easy fix to apply the buddy panel for logged out users only on “mobile” view but not “desktop” view?

[Anve S.]

Hi @bstrehl,

I have checked your site and to me it appears absolutely fine . The buddypanel menus are not messed up . Please check once again .See the attached screenshot .

Regards
Anve

[Bj123]

Hi Anve,
Thanks for your reply.
Your photo shows the buddy panel when you are logged in but the messed up buddy panel only happens when you are logged out and then only for screen sizer wider than 480px. I currently have enabled the buddy panel to appear only for logged in users so that when one is logged out the titlebar menu is always displayed instead of the buddy pannel on the left side. This is what causes the problem. Your fix changed something with the titlebar layout and whenever this is loaded into the mobile left side panel it not properly displays. That’s why I want to completely avoid having the Titlebar assigned to left mobile side. The only way to to this is by either always switching on buddypannel for logged out users (but I don’t want buddypannel on logged out desktop view) or just switching on buddypannel for logged out users on mobile view. The latter is something that the settings don’t currently allow. That’s why I asked whether there’s a line of code to change this via ftp.
Thanks!

[Anve S.]

Hi @bstrehl,

Please replace the above given code by the following . This way you can have your buddypanel without messing it up.

@media screen and (min-width:480px){
.header-inner .header-navigation #header-menu > ul > li {
height: 48px !important;
}
}

Regards
Anve