Blog Featured Images Missing on Mobile & Superfly Question

[Brad_B_1]

Hi,

I’m having a couple issues with a site I’m working on:

1. The featured images on my blog are missing on mobile. Any idea why this is?

2. I’m using a fullscreen superfly menu with the submenu enabled. When I click on the item with the submenu and move the mouse, the title turns white. How can I prevent this?

3. How can I remove the hover background color behind the menu items?

Thanks so much!

[ruenel]

Hello @Brad_B_1,

Thanks for writing in!

Your given credentials has a very limited privileges. Please make it as an Administrator.

1.) The featured images were not visible to the naked eye. To resolve this issue, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.blog .x-main .hentry>.entry-featured, 
.search .x-main .hentry>.entry-featured, 
.archive .x-main .hentry>.entry-featured {
    width: 100%;
}

2.) Please check your padding settings for the active and hover state in your SuperFly menu settings.

3.) This can also be change in the SuperFly Menu styling option.

Hope this helps.

[Brad_B_1]

Thanks so much. That resolved 1 and 2. 3 is still an issue, though. I can’t seem to find any settings that will keep the first level from turning white when i hover on its submenu items. Is there a way to resolve this with CSS? Thanks again!

[paul.r]

Hi,

To fix it, you need to remove this code in Theme Options > CSS

#sfm-sidebar .sfm-menu li:hover > a {
     color: #fff !important; 
}

If you can’t find that code in Theme Options > CSS
You can add this code in there.

#sfm-sidebar .sfm-menu li:hover > a {
     color: #000 !important; 
}

Hope that helps

[Brad_B_1]

Fantastic. Thanks so much!

[friech]

We are delighted to assist you with this.

Cheers!