Docs

[Integratutions]

Dear Sir/Mdm,

There’s some alignment issues with my superfly menu.

1. The Menu button placement should be 10px from top and 10px from left.
2. When Clicked, Skewed panel alignment is off.

[Integratutions]

This reply has been marked as private.

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

.sfm-navicon-button {

    top: 14%;
    left: 10px !important;
}

Hope that helps.

[Integratutions]

I’m not sure if it’s normal but my links are so far below my logo that’s it’s out of the menu. 🙁

Please advice

https://cl.ly/0e291G1e1v0Y

[Rupok]

Hi there,

Thanks for writing back. There is a search field above the menu items but you have some CSS that’s removing the border of the field and setting color to white. Let’s add this CSS to see the field :

#sfm-sidebar .sfm-search-form input {
  border: 1px solid #333 !important;
  color: #333 !important;
  font-size: 16px;
  text-align: left !important;
}

If you don’t need this then remove the search field.

Cheers!

[Integratutions]

Hello Rupok,

I have removed the Search Field, but I’m afraid that’s not the issue. There’s still a large white gap between my logo and navigation. Please advice. 🙁

[Jade]

Hi there,

I have checked your site and I can’t seem to find the huge space between the logo and the menu items.

[Integratutions]

Please refer to my screencast. I think it only happens for larger screensizes. I’m using imac 27″ that’s why. When I expand my window the gap appears.

https://cl.ly/2b10312F0a3n

[Rue Nel]

Hello There,

Thanks for sending us the screencast. To resolve this issue, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

#sfm-sidebar .sfm-va-middle {
    vertical-align: top;
}

Hope this helps.

[Integratutions]

Thanks for your quick reply. 🙂

It’s still alright for normal screensize. But for imac 27″ it’s all the way to the top. Some nav got hidden behind my logo.

[Rue Nel]

Hello There,

Thanks for getting back to us and for sending out the screenshot. You need to update the given css code and use this instead:

@media(min-width: 1200px){
  #sfm-sidebar .sfm-nav {
    top: 180px;
  }

  #sfm-sidebar .sfm-va-middle {
    vertical-align: top;
  }
}

We would loved to know if this has work for you. Thank you.

[Integratutions]

It’s much better now. 🙂

But there’s still this bouncing around when I adjust the size. So sorry for the trouble.

https://cl.ly/0M2m3Z26173t

[Nabeel A]

Hi again,

Please replace the previous code with this one:

#sfm-sidebar .sfm-nav {
    top: 180px;
}

#sfm-sidebar .sfm-va-middle {
    vertical-align: top;
}

Let us know how this goes!

[Integratutions]

Thanks! It’s not perfect but I’ll stick to this solution for now. 🙂

[Nico]

Feel free to ask us again.

Thanks.

[Author]

Posts