Link shifting down

Forum|Forum|7 years ago
February 25, 2018
1 reply
429 views

Hello,

I have a page where I needed to add a link to the horizontal navigation. It causes the last link in the navigation to shift down. I have gone though every line of the html and the css file to try to find the code that would control the width of the links. I believe if I just reduce the width of the "Home" link it will cause the rest to fall into place. Can anyone tell me what line of the code might control the navigation link width? Thanks in advance!

http://www.adtsrc.org/march.html

This topic has been closed for replies.

Correct answer BenPleysier

Go to line 561, or thereabouts, and remove the following crossed out line

.main-navigation {
     margin: 0;
     padding: 25px 40px;
    display: flex;
    flex-wrap: wrap;
     justify-content: center;
     font-size: 25px;
     line-height: 25px;
     font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
     font-style: normal;
     font-weight: 400;
}

BenPleysier

Correct answer

Community Expert

Go to line 561, or thereabouts, and remove the following crossed out line

.main-navigation {
     margin: 0;
     padding: 25px 40px;
    display: flex;
    flex-wrap: wrap;
     justify-content: center;
     font-size: 25px;
     line-height: 25px;
     font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
     font-style: normal;
     font-weight: 400;
}

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!

K

Kevin E.Author

Inspiring

That did the trick! Thank you!

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded