Responsive sidebars not appearing (i think?)

  • Resolved gerster43

    (@gerster43)


    10 years ago

    Hey,

    This is my first attempt at using wordpress so my knowledge is quite low.

    My question is regarding the sidebar at the left, which you can see here on the hueman demo page: here

    You can take a look at my website here:

    Notice the “buttons” on the sidebar at the left are just text rather than buttons as they are in the demo.

    Ultimately I would like to animate the buttons so that they can be clicked and expand down to show the sub categories before loading any new pages – but if they were at least similar to those on the demo page it would be better than just plain text.

    I was under the impression that the sidebar navigation was styled by responsive.css(?) but after hours of tinkering (also in style.css) I’m still unable to produce the results I’d like.

    Could someone help me out? I’m still very new to all this, just taking baby steps (:

    Also if Alex reads this, I can’t thank you enough for this gorgeous FREE theme! It baffles me how such quality can be released as free, but I’m happy its true ^^

Viewing 6 replies - 1 through 6 (of 6 total)
  • bdbrown

    (@bdbrown)

    Hi gerster43. Can you check the link to your site? Doesn’t look like it is active. Thanks.

    Thread Starter gerster43

    (@gerster43)

    Hey bdbrown, thanks for the quick reply.

    I must have failed while typing the link, here is the working one:
    link

    Thanks so much for your help!

    bdbrown

    (@bdbrown)

    The demo page you posted is actually using the built-in theme child menu system which automatically generates the sidebar menu. You could simulate the icons on the nav widget you are using with something like the following css. You would add this to a child theme style.css file, the theme custom css, or a plugin like Simple Custom CSS.

    .widget .menu-left-menu-container > ul > li > a:before {
  font-family: FontAwesome;
  content: "\f055";
  font-weight: normal;
  font-size: 18px;
  margin-right: 8px;
  color: grey;
}

.widget .menu-left-menu-container > ul > li > a:hover:before,
.widget .menu-left-menu-container > ul > li > a:hover {
  color: blue;
  font-weight: bold;
}
    Thread Starter gerster43

    (@gerster43)

    Hey,

    What do you mean when you say “the built-in theme”? The child theme that comes with hueman, or is there something else I’m missing?

    I’ve applied the CSS you wrote and indeed it looks beautiful, thankyou so much for that!

    But my question now, is it possible to reach my end goal of having the menu links as clickable buttons which animate to expand down and show the sub menu navigation, before any new page loading, entirely from adding some custom css?

    If yes, please don’t write it for me – I need to learn for myself hehe. But any tips and recommendations would be greatly appreciated!

    bdbrown

    (@bdbrown)

    Take a look at this thread for some info on the theme child menu configuration. I think that will give you what you’re after.

    Thread Starter gerster43

    (@gerster43)

    That thread did indeed help a lot. I’m discovering new parts of the wordpress admin page every time I look at it!

    Thankyou so much for the help (: problem resolved.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Responsive sidebars not appearing (i think?)’ is closed to new replies.