Forte - Navigation width

Site URL: http://www.swigut.com

Hello,

How can I change navigation menu width ( Project menu) Currently its to narrow for my project titles and its making them 2 lines instead of just 1.

Any help much appreciated.

Thanks! 

You mean dropdown menu??

Add this to Home > Design > Custom CSS

@media screen and (min-width:641px) {
#topNav .folder .folder-child-wrapper {
    min-width: 300px;
}
#topNav .folder .folder-child-wrapper ul.folder-child li a {
    width: 100%;
}
}

tuanphan

I used your code and it works like a charm! Although now I experience another problem: the dropdown menu isn't under the correct title anymore. I added a printscreen to show you the problem. The menu is currently underneath NEWS, but it should be underneath PROJECTS. Any idea on how to resolve this?

Thanks in advance!

6 hours ago, renscoolsdotcom said:

tuanphan

I used your code and it works like a charm! Although now I experience another problem: the dropdown menu isn't under the correct title anymore. I added a printscreen to show you the problem. The menu is currently underneath NEWS, but it should be underneath PROJECTS. Any idea on how to resolve this?

Thanks in advance!

 

Can you share site url? We can check easie.r

tuanphan

The URL is http://www.gallerygallery.be. 

On 10/1/2020 at 10:26 PM, renscoolsdotcom said:

tuanphan

The URL is http://www.gallerygallery.be. 

Add to Home > Design > Custom CSS

#topNav .folder .folder-child-wrapper {
    position: absolute;
    left: 50%;
    z-index: 1100;
    padding-top: 18px;
    transform: translateX(-50%);
    margin-left: 0;
}

tuanphan

It worked! Thank you so much!