Main menu appearance looks different depending on one-page-design enabled or not.

When one-page-design disabled, the height of main menu block becomes much bigger. (Screenshot attached.)



How do I make it same size of main menu block as the one with one-page-design enabled? (I like the smaller one.)

Thanks,
Rika

Please try to use Chrome browser to attach screenshot here. Also, please provide the URL to your site so we can take a look

Thanks for your reply.
Files attached from Chrome browser this time.

One-page-design enabled main menu:


One-page-design disabled main menu:

You can add this to your custom css file

#navwrap .navwrapper {
margin-bottom: -25px !important;
margin-top: -25px !important;
}

Thanks mihha,
That fixed my issue!

I'm so glad. Thanks again,
Rika

No problem at all

Hi again,

I noticed that this addition to my custom css affected another part in mobile window.

After I added the code below;
#navwrap .navwrapper {
margin-bottom: -25px !important;
margin-top: -25px !important;
}

The off-canvas menu navigation button is almost hidden and hard to click now. (Screenshot attached.)

Before edit:


After edit:


Would there be any solution?
Thanks,
Rika

Hi Rika,

Have a link for the site?

Cheers
Paul

Hi Paul,

URL is enclosed in the attached file.
(The site currently requires basic authentication.)

Thanks,
Rika

Um that comes out as mangled code when I open the zip

Perhaps better to open a ticket with the details in plain text in the ticket

Thanks
Paul

Sorry, I opened a ticket with site details.
Thanks,
Rika

No probs

Thanks

Paul

Just replied to the ticket

Cheers
Paul

Just to share with anyone interested,
the solution was to add the following code:

@media only screen and (min-width: 780px) {
}

(In my case, it was 780px, but it should be your own suitable number.)

Thanks Anthony and Paul,
Rika

Thanks for the update

Did you remove the styling I added?

I commented out the previous code

Cheers
Paul

Hi Paul,
Actually, I didn't know that you've edited the file.
So, I've edited my local file and uploaded, resulting in overwriting your edition I guess.
Sorry for my confusion. But I never expected that you would directly edit the file. Please let me know if you would or did edit the file.

I was puzzled when my ftp software told me that I don't have permission to upload my custom.css. I had to change the permission.
I guess permission was changed when you edited.

But thanks for your kind help.
May I ask what was your code, by the way?

Rika

It was css targeting the container padding so it changed the menu but didn't affect the collapsed menu

It did basically the same thing but outside of using a media query.

I added a line to the custom css and commented out the existing line - I can't remember the code I'm afraid

Permission wise sounds like its possible two people were looking at it at the same time maybe via ftp and by the admin site as well

Cheers
Paul