Superfly menu CSS

Support
#1

Hello,

Im working on my my side menu and faced 3 issues. Hope you can help me.

  1. How to make logo smaller?
  2. How to add Logged In users Profile pic and email in between the logo and search bar?
  3. How to resize/make the side bar little smaller?

The end result should look something like this:

Hope you can help me :blush:

#2

Hi there,

Thanks for writing in.

Those might be possible with CSS but adding the profile pic isn’t possible, that one requires customization which we can’t cover. Would you mind providing login credentials so we could check it?

Thanks!

#3

Sure, credentials are in secure note

Superfly skewed menu social icons not showing on mobile and how to make smaller on mobile
#4

Hi again,

- To resize logo, add the following CSS code in the Theme Options > Global CSS or in the Customizer via Appearance > Customize > Custom > Edit GLOBAL CSS

.sfm-sidebar-always #sfm-sidebar .sfm-logo, .sfm-sidebar-always #sfm-sidebar.sfm-compact .sfm-logo {
    width: 60% !important;
    margin: 40px auto !important;
}

- You can reduce the width of your side menu by going to Superfly Menu Settings > Menu Panel > Styling and change the width of the menu levels, currently it is set to 275, you can change it to your value (see screenshot)

Hope this helps!

1 Like
Increase the logo size on Superfly