Twenty Fourteen: Floating Menu obstructed by Slider.

  • Unknown's avatar
    johaninsideoutwp · Member ·

    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)

  • staff-happychia · Staff ·

    Could you link the blog sporting the Twenty Fourteen theme so I can understand your description.

    https://jenkintownrestaurantweek.wordpress.com/ is sporting Spun theme.

    # 3 is not possible. Automatic sliders are not a good design. Nor they are accessible. For this reason, themes don’t auto slide.

  • Unknown's avatar
    johaninsideoutwp · Member ·

    Hey, really sorry, posted the wrong site – I’m referring to this one.

    https://jenkintownboro.wordpress.com

  • staff-happychia · Staff ·

    1. Government menu item has a sub–menu so it has to float-out. If you don’t want it to float-out to the slider, I suggest you move the Government (and Departments) menu item further down menu bar by so items like Parking in Jenkintown, How do I …an FAQ menu items can go to the top.

    This suggestion is not useful if you Government menu item is important and it has to stay at the top. In this case we can’t do much.

    2. You already have this rule. 

    .slider .featured-content .entry-header {
    height: 45%;
    opacity: .7;
    padding-top: 12px;
    width: 25%
}

    Modify it to the following to squeeze some space. 

    .slider .featured-content .entry-header {
    height: 35%;
    opacity: .7;
    padding-top: 12px;
    width: 21%;

    padding-left: 10px;
    padding-right: 0px;

}
  • The topic ‘Twenty Fourteen: Floating Menu obstructed by Slider.’ is closed to new replies.