Toasty trucks expanding menu

asked Sep 28, 2014 by strebblo (470 points)

I'm using the toasty trucks theme as a basis for a site template, but I'd like to control the behaviour of the menu on page load. For example, when each page loads, the menu appears and is open, but as yet I've not found where this behaviour is instigated from.

Ideally I'd like the menu to go from open to closed upon page load, in a couple of seconds. I'm assuming it's a JS control somewhere?

Many thanks!

1 Answer

answered Sep 30, 2014 by Andrey Budchenko (3,900 points)
selected Oct 13, 2014 by strebblo

Best answer

Hello strebblo.

We are preparing new version of this theme now. And fix for the menu will be applied to it. We will inform you when this theme will be updated.
Then you can download and use this theme.

Thank you.

commented Sep 30, 2014 by strebblo (470 points)

Great! Would you also be able to publish the fix for the menu alone please?
After heavily modifying this theme, I don't want to have to start again from scratch.

Thanks

commented Sep 30, 2014 by Andrey Budchenko (3,900 points)

for html changes


<div class="gray">
    <div class="container_16">
        <nav id="main-menu" class="grid_16">{$menu:main}</nav>
    </div>
    <span class="clear"></span>
</div>

For CSS ---> nav

ul.main_menu ul{
    position:absolute;
    background-color:#6183AC;
    display:none;
}
ul.main_menu li.page a{
    font-size: 16px;
    padding: 15px 30px;
    }

For CSS ---> content

.gray .container_16{
    overflow:visible;
}

commented Sep 30, 2014 by strebblo (470 points)

Thanks Andrey,

I'll give this a try later.

commented Oct 13, 2014 by strebblo (470 points)

Thanks andrey, I've had this working in the main content box and it's great, but I have now moved the menu into the #top div instead, and it doesn't drop down - do you have any suggestions please?

Is it something to do with positioning?

Thanks!