HTML Logo by World Wide Web Consortium (www.w3.org). Click to learn more about our commitment to accessibility and standards.

Moving forward with Composr

ocPortal has been relaunched as Composr CMS, which is now in beta. ocPortal 9 will be superseded by Composr 10.

Head over to compo.sr for our new site, and to our migration roadmap. Existing ocPortal member accounts have been mirrored.


Can't have a dropdown zone menu if using big header image?

Login / Search

 [ Join | More ]
 Add topic 
Posted
Rating:
#108666 (In Topic #21173)
Avatar

Well-settled

Just wondering if anybody else has had this issue? I'm trying to change my zone menu to a dropdown style by changing:

Code

{$BLOCK,block=side_stored_menu,param=zone_menu,type=zone}


to:

Code

{$BLOCK,block=side_stored_menu,param=zone_menu,type=dropdown}


in the GLOBAL_HTML_WRAP.tpl template file.

When using the original layout this seems to work, but I use the larger header image format and I seem to get a blank menu bar when trying to adjust this parameter. Any tips or fixes for this would be appreciated

Check out my ocportal site: PrecisionRacingLeague.com which will always be on ocPortal - because it's awesome!
Back to the top
 
Posted
Rating:
#108668
Avatar

Community saint

If I had to guess, I'd guess it's probably something CSS related. Or possibly the way the <div>'s are setup in the header section of the GLOBAL_HTML_WRAP.tpl. Between the zone and dropdown menu types, there are some differences in the CSS classes and hardcoded CSS styles in the menu templates. If you made any CSS modifications to any of the default CSS files (particularly the global.css file), you might want to check out the MENU_dropdown.tpl and MENU_BRANCH_dropdown.tpl template files to see if any of the CSS classes used there are classes that you have previously changed or if possibly the CSS of those classes are conflicting with changes you have made to other classes. And check to see if any hardcoded style HTML tag parameters in those templates are conflicting with any CSS changes you have made or conflicting with any HTML changes you made in the GLOBAL_HTML_WRAP.tpl.

You could also temporarily change the menu back over to the dropdown type and then use your web browser developer tools (load your site in your browser and press F12 on the keyboard). Somewhere in the developer tools area of the web browser it will allow you to see and manipulate the CSS and HTML code and see how the web page reacts to those changes. Once you find what needs to be changed, you will need to track down which template or CSS file on the server needs to be changed.
Back to the top
 
Posted
Rating:
#108678
Avatar

Well-settled

I tried this even in the default template and still get the same issue  O_o

Check out my ocportal site: PrecisionRacingLeague.com which will always be on ocPortal - because it's awesome!
Back to the top
 
Posted
Rating:
#108680
Avatar

Well-settled

Just tried this on a fresh install too, changing only the two things. Large header and dropdown menu.The result is the same.  :'(

Check out my ocportal site: PrecisionRacingLeague.com which will always be on ocPortal - because it's awesome!
Back to the top
 
Posted
Rating:
#108682
Avatar

Community saint

In the web browser, view the source code of the page with the dropdown menu. If the menu is there in the source code, then the template and CSS is doing what you told it to do. If it's not doing what you wanted it to do, then I'm still guessing it's a div or CSS issue with the changes you've made in the GLOBAL_HTML_WRAP.tpl template that aren't playing well with the dropdown menu. The dropdown menu is rendered via the MENU_dropdown.tpl and MENU_BRANCH_dropdown.tpl templates and uses a different set of CSS rules than the zone type menu, and it's entirely possible to make changes around the menu block in the header that can cause one menu type to render on the screen while another menu type might not. Check the CSS classes used in those templates and look them up in the global.css file to see if there are. I'll say it again, if you haven't tried manipulating the HTML or CSS using the web browser built-in development tools, give it a try. It lets you alter HTML and CSS and see the results of those changes in real-time. It only makes the changes locally in the browser. Once you figure out what needs to be changed, you just need to track down the CSS file or template to which those changes need to be applied and make the changes to those files on your server.

I had similar issues customising the header of one of my sites. Even though the div structure is simple and looks correct, some of the complex CSS used can make it do things you don't expect.

For the record, this is why I still prefer using tables over divs even though I know I shouldn't  :$
Back to the top
 
1 guests and 0 members have just viewed this: None
Control functions:

Quick reply   Contract

Your name:
Your message: