adventuresincubing

Forum Replies Created

Viewing 2 replies - 1 through 2 (of 2 total)
  • Forum: Themes and Templates
    In reply to: [Simone] center site content while maintaining responsiveness
    Thread Starter adventuresincubing

    (@adventuresincubing)

    11 years, 6 months ago

    You understood my question, and restated it more clearly than I did: I wanted the sidebar to remain “connected” to the content, and have the content+sidebar center within the window’s width.

    I get the idea of having the sidebar “stick” to the right. It’s unique and clever and I like it. But I also think that on wide windows, the extra whitespace between the centered content and right-floated sidebar is awkward. It’s dead space that could be used for the content.

    I understand that much of this would require substantial retooling; I’ve been styling away, but I don’t feel like hacking up the CSS at a deep structural level.

    One related question: Assuming I keep all other aspects of the overall structure intact, is there a way to have the navigation/menu bar stay aligned with the left side of the centered content block? In other words, I’ve been struggling with that.

    Overall, a really great theme. Very conducive to customization, and very sharp.

    Thanks so much!

    Forum: Themes and Templates
    In reply to: [Simone] horizontal submenu
    Thread Starter adventuresincubing

    (@adventuresincubing)

    11 years, 7 months ago

    So, I hacked away at the CSS for a while (mostly trial and error), and this combination seemed to work:

    .sub-menu {width: 500px !important;}

li.current-menu-parent ul,
li.current-menu-item ul {
   display: block !important;
   float: left;
}

li.current-menu-parent ul a,
li.current-menu-item ul a {
   float: left;
   margin-right: 15px;
   width: 100%;
}

    I’m not sure that’s the most elegant approach, but it does work.

    I realized that there must have been some other styling that caused the submenu UL to be narrow in width. This gave the artificial impression that the display:block call wasn’t working; in reality, it was working, but the li’s were wrapping do to width constraints.

Viewing 2 replies - 1 through 2 (of 2 total)