• Resolved caludia84

    (@caludia84)


    Hi,
    I want to move the main Navbar to the top of the page (with a full width) and when I scroll down change it changes to the regular sticky position (Menu to the right, logo on the left).

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter caludia84

    (@caludia84)

    If that’s not possible, can someone help me move the logo below the Nav Bar? Thanks

    rdellconsulting

    (@rdellconsulting)

    Need a site link to see what is needed

    Thread Starter caludia84

    (@caludia84)

    Here’s the link to our home page. Right now it’s displaying a “Coming Soon” image, since it’s not done yet.
    https://www.themolishop.com/

    I want to move the navbar to the top and have part of the logo come out on top of the slider, like in this image.

    https://www.dropbox.com/s/naf7m30s4xb21mz/themolishoppage.jpg?dl=0
    Thanks in advance for your help

    rdellconsulting

    (@rdellconsulting)

    Try this CSS solution:

    /* Move logo down */
    .sticky-disabled .logo-centered .brand {
        position: relative;
        top: 60px;
    }
    /* Move menu up */
    .sticky-disabled .logo-centered .navbar-wrapper {
        position: relative;
        top: -140px;
    }
    /* Adjust slider position */
    #tc-reset-margin-top {
        margin-top: 100px;
    }
    /* Reduce whitespace */
    header.tc-header {
        height: 100px;
    }
    Thread Starter caludia84

    (@caludia84)

    Thanks! That helped a lot. Haven’t checked the page with the slider, since i’m not done editing the info.

    cdubia

    (@cdubia)

    Hello, I hardcoded the nav menu to the bottom of the screen and would love to know how to move it back to the top.

    I’m new at this, was messing around with code and placed it there. Don’t know which css or php file to make the adjustment too and what exactly I need to enter.

    Thanks!

    rdellconsulting

    (@rdellconsulting)

    Better to start a new thread (and link to this if relevant).

    Include a link to your site please.

    cdubia

    (@cdubia)

    Thanks,

    Have started a new discussion/thread
    https://en.forums.wordpress.com/profile/mapworkslrng

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Move Navbar to Top of Page’ is closed to new replies.