Dropdown submenus

Hey Cindy,

Can you share a screenshot of your issue so that I can be sure that I’m understanding?

You can host photos to share here on a site like this:
postimg.org

-Kevin

Do I have to sign up? Here is the direct link: https://s3.postimg.org/uk7emaaf7/Screen_Shot_2017_03_15_at_3_05_36_PM.png

Hey cindymit,
Try adding this to your custom css box in Theme Options > Advanced Settings:

.sf-menu li li ul, ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
    left: auto;
    right: 100%;
}

Hope it works for you!

Hannah

Sorry, no that didn’t change anything at all.

Your screenshot is not working. Without a link it’s hard to provide accurate css.

Hannah

Sorry, I’m not sure how to post a screenshot, if that doesn’t work. Do I have to sign up for that site? Or do you have another way for me to show you a screenshot?

Hmm, it’s working now. Weird.
I’m not sure why the css I gave wouldn’t be working. How soon till your site is live?

Hannah

Okay, I did have some CSS in there to make the font size in the drop down larger, I took that out and now it’s working!
This is what I had:
.sf-dropdown-menu a {
font-size: 15px !important;
}

Is there anything else I can put in to make the font size a bit bigger?

I’m confused, if you increase that font size does it not make the font bigger?

Hannah

Where can I control the font size in the drop down menus? I don’t see that option anywhere in Theme Options. That was why I added that other CSS (which I found from someone else’s question on the same issue)

Try this CSS:

ul.sf-dropdown-menu li a {
    font-size: 15px !important;
}

The CSS you shared should also work though. If this is not working, let me know when the site is live and I’ll be able to better assist you.

-Kevin

Okay, that’s working. I don’t know why the dropdown CSS wasn’t working before when I had the other code in there, it’s very similar. But, everything is working now – thank you both!

Great! I’m glad it’s working for you!

-Kevin