CSS editing padding in sticky nav drop down menu

Permalink
I'm editing the main.css file for a theme that has a sticky header navigation menu. It looks beautiful when I scroll down, but when I hover over the right-most drop down, there is not enough padding and the pages and box itself are off the page. This happens no matter the size of the screen.

It should be an easy CSS fix right? But I've tried putting in padding and margin edits and it's just not having any effect. Maybe I'm not putting it in the right places?

Please help,

#ff-header-wrap {
   z-index: 2;
       position: relative;
       top: 0;
       left: 0;
       width: 100%;
       background-color: #ffffff;
       -webkit-transition: height 0.3s;
       -moz-transition: height 0.3s;
       -ms-transition: height 0.3s;
       -o-transition: height 0.3s;
       transition: height 0.3s;
header h1#logo {
       display: inline-block;
      height: 300px;

 
MrKDilkington replied on at Permalink Reply
MrKDilkington
Hi MelissaAmara,

What is the address of your website?
MelissaAmara replied on at Permalink Reply
It's on a private local server, not published yet.
MrKDilkington replied on at Permalink Reply
MrKDilkington
@MelissaAmara

Without a live site to view, it would be hard to recommend solutions for something like this.

Screenshots of the behavior might work though.