Button positioning with top banner

baloo

Hello, I am looking for some help/insight/guidance (anything really) on an issue I'm facing with a website. I also have myStickymenu plugin installed and am using a welcome banner, shown in the first image here.

As you can see, the button is blocking the phone number. I have the button set to 65px from the top, but the button is not taking the banner into account like the other header menu icons are (phone, locations, etc). When you close the banner, the button is in the right place, below those icons.

I have tried adding some of the top header classes to the custom styling area for the button, but no luck. I am thinking this is an easy fix but cannot figure it out. Any help is appreciated, the button is wonderful so far and looks fantastic.

Castor

Hi @baloo,

Welcome to our forums!

This seems to be an interesting issue, but can be solved with some custom css.
The myStickyMenu banner uses a mysticky-welcomebar-fixed class, and when it closes it adds a mysticky-welcomebar-notapper class. Something like this would move the buttonizer group down when the bar is open:

.mysticky-welcomebar-fixed:not(.mysticky-welcomebar-notapper) ~ .YOUR_CUSTOM_BUTTONIZER_CLASS {
	transform: translateY(65px);
}

You would need the premium version and add YOUR_CUSTOM_BUTTONIZER_CLASS to your buttonizer group.
See http://www.buttonizer.pro/pricing

baloo

Hi @Castor,

Thank you for the warm welcome!

Interesting indeed. The custom css and adding the class to the buttonizer group did work, thank you!.

Long version: I originally had 2 separate groups (desktop/mobile with different placements, labeling, etc.) and only 1 button in each group, so I couldn't add that css to the group. Adding it to the button itself did not work. My fix (hopefully permanent!) was to move the mobile group's button to the desktop group, added the css, and it worked. I moved the mobile button back to its own group and things still seem to be working.

Perhaps I am implementing the wrong way, and any guidance is appreciated, but I really thank you for your help in getting this adjusted - looks much better!