Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #80338
    Joshua
    Participant

    Hey there, I’ve been searching the forum and trying a few different plugins but nothing has been able to solve my problem.

    I want to make my menu similar to this one on this site: http://www.nomadicmatt.com/

    If I could have it moved to the top and if possible move with the page that would be great.

    My page is: http://www.roamingjosh.org/

    Thanks for your time! 🙂

    #80372
    Pratik
    Participant

    Hi @Joshua,
    Sorry, we don’t have Fixed Header Top Option in this theme, you can try other themes like “Clean Box Pro, Clean Journal Pro, Studio Pro, Catch Adaptive Pro, Full Frame Pro, Gridalicious Pro and so on”

    But if you really like to make that menu fixed. Then you can try adding the following CSS in “Appearance => Theme Options => Custom CSS” box. But it’s not sure about it.

    body {
        padding-top: 46px;
    }
    #branding #access {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }
    #access ul li.default-menu {
        display: none;
    }
    #branding #access .menu {
        display: block;
        margin: 0 auto;
        width: 978px;
    }
    @media screen and (max-width: 1000px) {
        body {
            padding-top: 38px;
        }
        #branding #access .menu {
            width: 700px;
        }
    }
    @media only screen
    and (min-device-width : 768px)
    and (max-device-width : 1024px)
    and (orientation : portrait) {
        #branding #access .menu {
            width: 720px;
        }
    }
    @media screen and (max-width: 767px) {
        #branding #access .menu {
            display: none;
        }
        #access .sb-holder {
            width: 480px;
        }
    }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
        #access .sb-holder {
            width: 450px;
        }
    }
    @media screen and (max-width: 480px) {
        #access .sb-holder {
            width: 300px;
        }
    }
    @media screen and (max-width: 319px) {
        #access .sb-holder {
            width: 100%;
        }
    }
    #80403
    Joshua
    Participant

    Thanks Pratik! Thats works great!

    #103542
    k4m1l35
    Participant

    Hello,

    I want to sell Airline Tickets through WordPress.com for free. I have several .php scripts that I like. I want to use the same libraries with the same tools.

    Sites I like

    https://www.biletbayisi.com/

    #103569
    Pratik
    Participant

    Hi km4m1l35,
    This forum is exclusively for self hosted WordPress site with Themes/Plugins from Catch Themes. We wont be able to help you with anything else.

    Regards,
    Pratik

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Move menu to top of screen’ is closed to new replies.