Docs

[Sebastien M]

Menu superfly burger buutton misplaced when not logged in. When im not logged in the buger menu of my supoerfly menu is lower than it should be.

Web address: http://www.kr8torstudios.com

Thank you.

[Prasant Rai]

Hello Sebastien,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

.sfm-navicon-button {
    top: 18px !important;
}

Thanks.

[Sebastien M]

I Also have another concern.

Is it possible to make the menu item smaler. and to have the french and englisg button side by side.

[Sebastien M]

Your workaround for the burger menu works however when logged in it is misplaced…Do you have a workaround for that. so it is well placed in both circumstances.

[Sebastien M]

i meant cases not circumstances

[Nabeel A]

Hi again,

1. Try adding the following code in your Customizer to fix the burger menu:

.logged-in .sfm-navicon-button {
    top: 0 !important;
}

2. To decrease the font size of menu items, use this code:

#sfm-sidebar .sfm-menu li a {
    font-size: 20px !important;
}

Hope this helps!

[Sebastien M]

Is it possible to have the french and english button side by side. aligned in the middle of the full page menu.

[Friech]

Hi There,

The buttons are inline and center on my end.

Please clarify.

Thanks.

[Sebastien M]

I meant suerfly menu. Look at the bottom the french and english are one on top of the other…

[Rad]

Hi there,

Please add this CSS as well,

  .sfm-nav li[class="sfm-menu-item-"] {
  float:left !important;
display:inline-block;
  width: 50%;
  }

Cheers!

[Sebastien M]

Thant’s Great but they need to be closer together and a bit smaller. Thanks for your help…

[Rad]

Hi there,

In that case, please change it to this,

   .sfm-nav li[class="sfm-menu-item-"] {
  float:left !important;
display:inline-block;
  width: 50%;
  }
.sfm-nav li[class="sfm-menu-item-"] a span {
padding: 0px 10px;
}
.sfm-nav li[class="sfm-menu-item-"] a {
text-align: right !important;
font-size: 26px !important;
}
.sfm-nav li[class="sfm-menu-item-"]:last-child a {
text-align: left !important;
}

Cheers!

[Author]

Posts