RyanFitzgerald / devportfolio

A lightweight, customizable single-page personal portfolio website template built with JavaScript and Sass

Home Page:https://ryanfitzgerald.github.io/devportfolio

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Size of navbar and managing color layer from background image?

akhilesh-k opened this issue · comments

Change the size of navbar to the width of screen. How to removing blue layer from background image?

If you want the navbar to span the full width, add width: 100% to header ul as follows (around line 154 of styles.scss):

header {
   // ... Some styles

  ul {
        display: inline-block;
        background: $background;
        text-align: center;
        padding: 10px;
        margin: 0;
        width: 100% // Added
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    // Some more styles
}

If you want to remove the blue, delete the <div id="lead-overlay"></div> from your index.html

Hope that helps!

Thanks for the navbar. I worked on that color issue and set that to required. Great work!

Awesome, glad you got it working! Let me know if anything else comes up.