Page 1 of 1

Modifying Width

Posted: Tue 13 Mar 2018 3:29 pm
by acatalano
Although I'm very pleased with the display of my website based on the Saratoga templates (boulderwx.com) I've made some mods to the site and often find the width of the flyout menu a bit too narrow to include an understandable menu name or link description. For Example "World Lightning Map" requires 3 lines, one for each word. I'm wondering if there is a reasonably easy way of making such changes to the templates for such a purpose.

Re: Modifying Width

Posted: Tue 13 Mar 2018 3:54 pm
by saratogaWX
Possible, yes.. reasonably easy, not so much.

The flyout-menu.php script generates a dynamic CSS (based on current selected theme colors) each time a wx...php page is loaded. So, there are two areas to modify:

1) the weather-{color}-{width}-screen.css sets the overall dimensions for the page .
2) the dynamically generated css by flyout-menu.php controls the actual menu layout

You can tinker with mods to both by using the Firefox or Chrome developer tools which allow you to modify CSS 'on-the-fly' of any page and see the results immediately. Then you can make the changes permanent in both the *-screen.css and flyout-menu.php script.

Hope this helps...

Re: Modifying Width

Posted: Wed 14 Mar 2018 4:13 am
by acatalano
Thank You!