Docs

[Sandie]

Hi,

This is probably really easy but I just seem to have forgotten about it.

How do I add the little menu “icon” to the right of my header? As displayed in the image below.

http://prntscr.com/cw8jbj

I have downloaded and activaded SUPERFLY to get a good looking menu. Is that the best choice if I want a “drop down” menu looking similar to this one. Image below.

http://prntscr.com/cw8k4e

My site is http://sandramildon.com

Thanks!

Best Regards
/Sandra

[Rupok]

Hi Sandra,

If you enable Superfly menu then you will get that since currently it’s possible with Superfly only. You are still using X menu only as I can see. Let’s use Superfly as well to get this.

Thanks!

[Sandie]

Hi,

Thanks, now it works.

I need some more help as I couldn’t find it in the forum or in the Superfly “Setup Custom Content”.

1. I want to add a line above the last two menu items. Picture below displays what I mean.
http://prntscr.com/cwl9x2

How do I do that?

2. Right now the menu button is positioned at the very top of the right hand side. Is it possible to position it in alignment with the menu in the header? Picture displays what I mean.
http://prntscr.com/cwlas8

My site: http://sandramildon.com

Thanks!

Best Regards
/Sandra

[Paul R]

Hi Sandra,

Kindly activate superfly menu in your site so we can provide you with a tailored code to achieve this.

Thanks

[Sandie]

This reply has been marked as private.

[Paul R]

Hi Sandra,

You may delete the other superfly plugin.

With regards to your queries.

1. You can add this under Custom > Edit Global CSS in the Customizer.

#sfm-sidebar .sfm-menu .sfm-menu-item-735 {
    border-top: 1px solid #000;
}

#sfm-sidebar .sfm-va-middle {
    display: block;
}

2. You can add this under Custom > Edit Global CSS in the Customizer.

.sfm-navicon-button.sf_label_default {
    right: 20px !important;
    top: 55px;
}

Hope that helps.

[Sandie]

Hi!

Thank you.

1. Is it possible to make the “line” look lite this:
http://prntscr.com/cx4rn4
Now the line goes over the whole widht of the menu.

2. I’m trying to decrease the font size of the last two menu items, but without any luck. I want it to look similar to this:
http://prntscr.com/cx4s3v

What’s the easiest way to do this? I have tried to add Sections in Appearences/Menu and changed the Section Headers Styling, but I think I’m doing it wrong.

Thanks!

Best Regards
/Sandra

[Friech]

Hi Sandra,

#1 & #2 You can add this under Custom > CSS in the Customizer.

#sfm-sidebar .sfm-menu .sfm-menu-item-735 {
	margin-left: 28px;
	margin-right: 90px;
}
#sfm-sidebar li.sfm-menu-item-735 a {
	padding-left: 0 !important;
}

#sfm-sidebar li.sfm-menu-item-735 a,
#sfm-sidebar li.sfm-menu-item-736 a {
	font-size: 0.8em;
}

Feel free to adjust the font-size value.

Thanks.

[Sandie]

Hi,

Thanks, works perfectly.

Just one more thing.

Can I get a little gap between the added line and the text, both above and below. As seen in the picture below.

http://prntscr.com/cxtm10

Thanks!

Best Regards
/Sandra

[Thai]

Hi There,

Please add the following CSS:

#sfm-sidebar .sfm-menu .sfm-menu-item-724 a {
    padding-bottom: 30px;
}
#sfm-sidebar .sfm-menu .sfm-menu-item-735 a {
    padding-top: 30px;
}

Hope it helps 🙂

[Sandie]

Thank you so much.

Works perfectly!

Regards
/Sandra

[Lely]

You’re welcome Sandra!

Cheers!

[Author]

Posts