We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
  • Pages:
  • 1
  • 2
[WINNER] Member's Choice Theme - February 2017; Antiquus Retake
Topic Started: Jan 19 2017, 04:39 PM (1,621 Views)
Helena
Member Avatar
M is for Mod

-The-
 
Is there any chance of some sort of solution (i.e. dropdown for small screens) for the many links we have on the submenu to be condensed in some way for smaller screens?


Will work on it. :)

Note to those using the Antiquus Retake theme: We are aware of an alignment problem with table headers in posts and will work on fixing that. If you notice any other issues, please post them. Thanks!
Offline Profile Quote Post Goto Top
 
cynosure.x
Member Avatar
Member
[ *  *  * ]
Due to lack of coconuts, I'll vote Antiquus Retake.

OH LOL only now realized it's already done. :r
Edited by cynosure.x, Feb 1 2017, 02:34 PM.
Offline Profile Quote Post Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
Preview: http://imgur.com/a/hwBKp
Code:
 
<script type="text/javascript">
//<![CDATA[
if ($(window).width() < 1000) {
$('#submenu').wrapInner('<ul class="drop_menu" style="list-style: none"><li><ul style="list-style: none; background: #FF9B0E; padding: 0; border-radius: 0 0 10px 10px"></ul></li></ul>');
$('#submenu li').prepend('<a href="#" style="margin-top: -30px; padding: 19px 10px 18px">Menu</a>');
$('#submenu a:not(a[href="#"])').wrap('<li></li>').css('padding', '19px 7px 18px');
}
//]]>
</script>
Offline Profile Quote Post Goto Top
 
Helena
Member Avatar
M is for Mod

Nice code, Cory. It works on my test board but there is a problem with this one that drops the menu below the orange header. Probably the extra links and maybe width of the adcontainer image (Zathyus banner).

I'm wondering if you could also make the code include the (#top) userlinks with its own dropdown.
Offline Profile Quote Post Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
You can decrease the top and bottom padding of the drop down links on this line:
Code:
 
$('#submenu a:not(a[href="#"])').wrap('<li></li>').css('padding', '19px 7px 18px');
Is the only reason you want the #top drop down links in a drop menu of their own is because the drop downs don't open via a mobile device due to the need to hover over them?
Offline Profile Quote Post Goto Top
 
Helena
Member Avatar
M is for Mod

I did try reducing the padding, but there is still a problem because of the way the adcontainer selector collapses.

The reason I thought it would be helpful is because with the extra staff links, that line of links is pretty long as well, so could be a problem on small screens. Maybe all the sub-links could also be included in the dropdown.

DPM is working on another solution that will allow those sections to scroll, but we might be able to offer your code as an option for those using the theme.
Offline Profile Quote Post Goto Top
 
Liam
Member Avatar
~

Yay! Memories :r
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Service Discussion and Feedback · Next Topic »
Add Reply
  • Pages:
  • 1
  • 2