Thanks for the reply Vinay. I wasn’t aware that would bump my request back down.

The code you provided definitely helped. I made a few other adjustments to try and get things lined up a little more and it’s looking pretty good now. I think I may need to move it to a wider breakpoint, as it looks a little off around 875 pixels wide.

One thing I still can’t figure out is what is applying the grey border to the social media icons once you get below 875 pixels. If you happen to know what is causing that, I would like to get rid of it. You can see how the icons should look when you view the website at a larger screen size.

Thanks for the help!

Hi, it’s been a couple of days and it would be great if someone could have a look at this.

Thanks Yigit. I can see it working now.

Sorry, it doesn’t seem to be working for me. I get this message…

Possible Spam Detected
Your paste has triggered our automatic SPAM detection filter. This happens when certain keywords are detected in a paste. It can also happen if you are creating a lot of pastes in a short period of time. To confirm you are not a bot, please solve the captcha below. PRO users don’t get asked to solve captchas.

I did remove the CSS from the Quick CSS section and put it back in the style.css. So if you check the website now the overlay is not displaying correctly again.

Thanks. I tried the code suggested by both of you, but neither seemed to fix it.

Sure, you can see what I’m referring to if you mouse over the aerial photo under the breadcrumb nav on the page below.

Thanks Yigit. It looks like that decreased the padding between the links and borders instead of decreasing the height of the borders. I tried modifying it to decrease the top/bottom padding, but it doesn’t seem to change the height of the borders.

Sure thing Vinay. Here you go.

The info requested is below and yes, you can disable plugins if needed.

Thanks Ismael. That helped. However, I still have a gap at the top of the header that I can’t seem to get rid of. Also, whenever I try to add some custom CSS to style the secondary menu, a duplicate of it shows up at the top of the page above the logo. You should be able to see that on the website now. Sorry about the password, that should work now.

Sure thing, below is the URL. You can see the secondary menu I have now with a border around it. I also included a link to a mock-up showing how we would like to position the secondary menu.

• This reply was modified 8 years, 6 months ago by NicomIT.

Sure, the URL is in the private content. The containers I’m referring to are the ones with the “Track Your Cargo”, “Global Connectivity” and “Port Operations Centre” headers. Everything is working pretty good now, except I need to get the “Port Operations Centre” container to span the entire height of the other two combined. Depending on the size of your screen you will get a gap under that container or the “Global Connectivity” container.

Hi Basilis, are you able to see the page okay, but just not the background/borders in the menu? I think I was able to address it after making my post. I got rid of the background by removing the Alternate Background color value for menu hover, tables etc. in the theme options and removed the border with the CSS below:

.sidebar .widget_nav_menu ul:first-child > .current-menu-item, .sidebar .widget_nav_menu ul:first-child > .current_page_item, .sidebar .widget_nav_menu ul:first-child > .current-menu-ancestor {
    box-shadow: none;
}

So I think I might be okay.

I ended up removing the CSS you provided. It changed the position of the background image in the body content instead of the background image in the right sidebar where the logo/main menu are displayed. I included login info for you in the private content so you can have a closer look.

I also placed a white border around the area where the background is displaying. You can see the red background color extends all the way to the bottom, but the background image only goes part way.

Thanks Yigit. I just tired that, but no luck.