• Hello, is there a way to get the inline menu for your phone to be moved completely to the upper right hand corner of the screen?

    Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter jb15

    (@jb15)

    Actually, if I could be shown how to move it up more. That would work too so it’s lined up with my logo better.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Can you show us a page with the issue?

    Thread Starter jb15

    (@jb15)

    I haven’t gone live with the site quite yet. But I do have the code. Not sure if this will help at all:

    @media only screen and (max-width: 767px) {
    .header-wrap .col-md-4,
    .header-wrap .col-md-8 {
    width: 35%;
    }

    .btn-menu {
    margin: 5px auto 0;

    }

    .text-slider {
    display: block !important;
    margin-top: 90px;
    }
    .text-slider .maintitle {
    font-size: 20px;
    line-height: 15px;
    padding-bottom: 5px;
    }
    .text-slider .subtitle {
    font-size: 15px;
    line-height: 8px;
    padding: 10px 0 34px;
    }
    .roll-button {
    padding: 10px 30px;
    }
    .roll-project .project-item {
    width: 100%;
    }
    .roll-project.fullwidth .project-item {
    width: 50%;
    }
    .roll-counter {
    margin-bottom: 50px;
    }
    .single-post .author-post .author-avatar {
    float: none;
    margin-bottom: 20px;
    }
    .single-post .author-post .author-info {
    margin-left: 0;
    padding: 0;
    }
    .single-post .author-post ul.socials {
    position: static;
    }
    .single-post .author-post .intro {
    clear: left;
    padding-top: 10px;
    }
    .comment-list .children {
    margin-left: 75px;
    }
    .error-wrap .error-search {
    padding: 0 20px;
    }
    .aside-image .content-wrap {
    padding-left: 0;
    padding-right: 0;
    }
    .social-menu-widget a:before {
    font-size: 42px;
    }
    .btn-menu {
    float: none;
    margin: 15px auto 0;
    }
    .header-wrap {
    text-align: center;
    }
    #mainnav-mobi {
    top: auto;
    }
    .site-header.float-header {
    padding-top: 20px;
    padding-bottom: 20px;
    }

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Mobile Inline Menu’ is closed to new replies.