Navigation
Archive / Ethos CSS adjustments: logo position, mobile hamburger menu position
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • April 25, 2016 at 4:36 pm #899338
    tshores
    Participant

    Hello you wonderful X support team,

    I’d like the CSS to make a couple modifications to this site:
    https://not1more.org/

    1. Logo image position on navbar: I’d like to shift my logo to the left.
    2. Mobile hamburger menu icon: how can I make this larger, and move its position down?

    April 25, 2016 at 5:26 pm #899403
    tshores
    Participant

    Update: I used this CSS to move the logo to the left.
    .x-navbar .x-container.max {
    max-width: 1200px;
    }

    .x-navbar .x-container.width {
    width: 100%;
    }

    April 25, 2016 at 5:31 pm #899406
    tshores
    Participant

    Another update, think I found what I’m looking for here:

    @media (max-width: 979px) {
    .x-btn-navbar {
    color: #000000 !important;
    }
    .x-navbar-inner {
    min-height: 60px;
    }

    .x-brand {
    margin-top: 12px;
    }

    .x-btn-navbar {
    margin-top: 65px;
    margin-right: 10px;
    }
    }

    April 26, 2016 at 7:37 am #900226
    Christopher
    Moderator

    Glad that you’ve already figured it out.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-899338 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>