Twenty Fourteen: Floating Menu obstructed by Slider.

johaninsideoutwp · Member · Mar 13, 2015 at 4:04 am
Copy link

Add topic to favorites
Hi – firstly, I think you guys are amazing, doing what you do to help people build their sites, interpreting their problems post after post, every day. The forums have become a simply amazing resource for anyone searching for solutions to their sites, whether a user is just searching for a fix, or actually posting to you for help. Thank you all, so, so much.

Secondly, I have three questions, help!

1. I’m running into trouble with 2014 – the floating left hand Content Sidebar menu conflicts with the Slider in the main front page body. I hope you can see what I mean – hover the mouse over, say, the “Government” tab on the left, and the resulting float-out menu becomes obstructed by the Slider tabs, which sit “on top” of the menu itself.

I’ve used CSS to manipulate the Slider title box’s height, width and opacity, but I don’t see how this might be part of the problem?

2. Is there a way to reduce the Slider’s bottom left-hand text box, without reducing the size of the text inside that box (the post title)? The box itself just takes up so much of the image when it could encompass the title text and also be much smaller.

3. Shot in the dark – is there a way to make the Slider in 2014 an automatic slideshow?

Thanks so much in advance!!

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Mar 13, 2015 at 5:34 pm
Copy link
Hi there,

1. I’m running into trouble with 2014 – the floating left hand Content Sidebar menu conflicts with the Slider in the main front page body. I hope you can see what I mean – hover the mouse over, say, the “Government” tab on the left, and the resulting float-out menu becomes obstructed by the Slider tabs, which sit “on top” of the menu itself.

This shouldn’t be happening, and I don’t see anything in your custom CSS that would cause it. I’ll be investigating this further, but in the meantime, add the following to your custom CSS to take care of it.
```
#secondary {
    position: relative;
    z-index: 10;
}
```
2. Is there a way to reduce the Slider’s bottom left-hand text box, without reducing the size of the text inside that box (the post title)? The box itself just takes up so much of the image when it could encompass the title text and also be much smaller.

Sure, we can reduce the size of it. The text size is the main reason for the height so the following reduces the font size to 75% and reduces the top padding above the title. I also made the box a little less tall and wide and due to the reduction in font size, I changed the opacity of the box from 0.6 to 0.7 so the title was more legible. See what you think.
```
.slider .featured-content .entry-title a {
    font-size: 75%;
}
.slider .featured-content .entry-header {
    height: 45%;
    opacity: 0.7;
    padding-top: 12px;
    width: 25%;
}
```
3. Shot in the dark – is there a way to make the Slider in 2014 an automatic slideshow?

No, there isn’t with CSS. Whether the slider is manual or advances the slides automatically is set in a javascript file in the theme, and we cannot edit those files.
johaninsideoutwp · Member · Mar 13, 2015 at 5:52 pm
Copy link
thesacredpath, thanks so much! Both of those work perfectly. You guys are awesome.
thesacredpath · Member · Mar 13, 2015 at 9:59 pm
Copy link
Hooray and you are welcome!

No items found.