Content block justified to bottom of sidebar, mobile menu customization

corpuzrob · August 31, 2014

Hi,

On my site (http://www.robcorpuz.com/) I'd like to:

1) Have a content block (in this case, a Facebook like button) be bottom-justified on the left sidebar. In other words, I would like the bottom edge of it to always be, say, 24 pixels above the bottom edge of the left-sidebar, regardless of screen size, but not to overlap with the footer. I don't, however, want to pin the footer or un-pin the left sidebar. Is this possible?

2) Change the font-size of the collapsed mobile menu button.

3) Make the mobile main-menu items look like the mobile sub-menu items (with the curved colored buttons).

Thank you so much!

-Rob

Allen · August 31, 2014

Just as a reference item 3 for the non-mobile menu was discussed in the thread starting in post #12.
http://www.dgrin.com/showthread.php?t=249111

Here's a combo (starting point) of CSS for mobile. Only text is active link on sublevel???

.sm-page-widget-nav-mobile-header a {
   font-size: 110% !important;
}

.sm-page-widget-nav .sm-page-widget-nav-mobile 
  .sm-accordion-item-label {
    border-radius: 100px;
    background: rgba(136,142,178, 0.15);
    margin-bottom: 8px;
}

.sm-page-widget-nav .sm-page-widget-nav-mobile 
  .sm-nav-item-sublevel {
     margin-bottom: 8px !important;
}

.sm-page-widget-nav .sm-page-widget-nav-mobile 
  .sm-nav-item-sublevel:hover,
.sm-page-widget-nav .sm-page-widget-nav-mobile 
  .sm-accordion-item-label:hover {
      background: rgba(136,142,178, 0.25);
}

.sm-page-widget-nav .sm-page-widget-nav-mobile 
  .sm-nav-item-sublevel a,
.sm-page-widget-nav .sm-page-widget-nav-mobile 
  .sm-nav-item-sublevel a:hover {
     background:none;
}

corpuzrob · September 2, 2014

Hi Allen, I just saw your message today (missed the notification or something) and gave it a try. Much better, thank you so much!

If I understand you correctly, in the last part you are asking me if I wanted only the text to be an active link on the sub-level. No, I would much prefer if the whole buttons in the sub-level menu were active (not only the text), but I'm not sure how to do that. Any suggestions there?

Also, how about my first question in post #1 of this thread, about anchoring a content block to the bottom of the left sidebar (but keeping it above the footer).

Thanks so much for all your help!

-Rob

corpuzrob · September 4, 2014

Hi, I'm just wondering if there is any update on this? :^)

corpuzrob · September 11, 2014

Ok, I think I got the part about anchoring the FB button to the bottom of the sidebar sorted out, but I'm still wondering about how to get the sub-level menu items on mobile view to be clickable on the entire button, rather than just the text. Thanks!

Content block justified to bottom of sidebar, mobile menu customization

Comments