CSS Code to move menu

  • markn846

    (@markn846)


    7 years, 6 months ago

    What code can I add to move my menu at the top down about an inch and to the right about 4 inches? The site is alvwines.com Thanks Here is the CSS code I have already –

    .navigation-top {
    top: 18px;
    background: transparent;
    border: 0;}
    .navigation-top a {
    font-size: 140%;

    }
    .wrapper > header.site-top-header
    {
    min-height: 20vh;
    }
    .menu-toggle {
    color: white;
    }

    @media screen and (min-width: 768px) {

    .navigation-top a,
    .navigation-top .current-menu-item > a,
    .navigation-top .current_page_item > a {
    color: white;
    }
    }

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    7 years, 6 months ago

    Did you resolve this?

    Thread Starter markn846

    (@markn846)

    7 years, 6 months ago

    Your the first to respond. I have not.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    7 years, 6 months ago

    You may have to lose the concept of inches, as Twenty Seventeen theme is responsive and will adjust the position of things depending on the screen size. In the “Additional CSS” section of the dashboard add this:

    
.main-navigation ul {
    text-align: right;
}

    https://codex.ww.wp.xz.cn/CSS#Custom_CSS_in_WordPress

    Thread Starter markn846

    (@markn846)

    7 years, 5 months ago

    This did not work at all. Sorry. Any other ideas?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    7 years, 5 months ago

    The only CSS I can see being used is:

    

			
.navigation-top {
top: 18px; 
background: transparent;
	border: 0;}
.navigation-top a {
 font-size: 140%;

}
.wrapper > header.site-top-header
{
min-height: 20vh;
}
.menu-toggle {
    color: white;
}

@media screen and (min-width: 768px) {

    .navigation-top a,
    .navigation-top .current-menu-item > a, 
    .navigation-top .current_page_item > a {
        color: white;
    }
}

    Have you removed what I suggested? If so, can you add it back in so that I can understand why it’s not working?

    adsler26

    (@adsler26)

    7 years, 3 months ago

    main-navigation, button{
    margin-top: 40px;} will move it down or up above your logo.

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

The topic ‘CSS Code to move menu’ is closed to new replies.