m.sunspirit

of course there might be a widget that is supposed to go in the space to the right of the menu like a search widget or something so you might want to make the menu fit in the smaller space by shrinking up the padding on links instead:

ul.sf-menu li a {
     padding: 10px 9px 15px !important;
}

Well, the theme you are using uses a CSS preprocessor so it’s generating dynamic css after your style sheet loads.

The quick and dirty answer is just add !important; like this:

#primary-nav ul.main-nav {
    width: 100% !important;
}

I don’t know the theme you are using very well, but I suspect it would be helpful to the developers at elegant themes if you told them about it on their support forums along with information about the browser you are using. They can probably get you sorted out pretty quick.

I know it might sound too easy, but maybe it would be better to not delete a bunch of code when you could just use css like display:none; on the elements you want to get rid of. . .

#primary-nav ul.main-nav {
width: 100%;
}
Because you are not working with a responsive theme you could also try width:810px;

OK! no need to beg. just go to your dashboard and under appearance–>widgets

Then drag and drop everything from your header widget to somewhere else. ?? you should be golden.

Generally speaking, wordpress plugins are designed for functionality rather than appearance. In your case I would suggest looking for a portfolio theme with similar features. You might want to include the term ‘parallax’ in your theme search as well, you will probably have better luck finding something you like that way.

I found this thread because I was looking for a simple way to get google analytics to track visitor’s movement through my site. . . GA requires unique ID’s on each link for Enhanced Link Attribution:
https://developers.google.com/analytics/devguides/collection/analyticsjs/advanced#enhancedlink