Superfly Menu Overlap

Support
#1

Please see how votepatphillips.com superfly menu button overlaps with logo. How to prevent this? Tried the following from another support topic with no effect

.masthead-inline .desktop .x-nav {
margin-right: 70px !important;
}

#2

After editing the style colors the menu no longer even shows up. Uninstalling and reinstalling superfly does not fix.

#3

Hi @patrickphillips,

Thanks for reaching out.

I can still see SuperFly menu, may I know which color is changed? Or is it header bar related now? I don’t see any menu in it at all, perhaps it’s accidentally deleted? You must re-add the menu element again for it to work.

Thanks!

#4

Thanks - check it out on mobile - how can i shrink the header logo to accomodate the menu button?

#5

@rad - also on mobile - the menu button has a black background instead of the white with full transparency that I specified using RGB. Any ideas why?

#6

Hi,

  1. To make your logo shrink, you can add this in Theme Options > CSS 
@media(max-width:767px) {
.my-logo img {
       max-width: 300px;
}

}
  1. If you want to add an opacity, you need to enter rgba and not rgb

Please check link below

https://www.w3schools.com/cssref/func_rgba.asp

Thanks

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.