Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

How to change main menu block height

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

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
  • mahalo39's Avatar
  • mahalo39
  • LIfetime Developer - Big Bamboo
  • 76 posts
  • 1 Thanks
  • Karma: 0
Last Edit: 5 years 5 months ago by mahalo39.
The administrator has disabled public write access.
Please try to use Chrome browser to attach screenshot here. Also, please provide the URL to your site so we can take a look
  • mihha's Avatar
  • mihha
  • 12 Month Developer
  • 711 posts
  • 44 Thanks
  • Karma: 11
The administrator has disabled public write access.
Thanks for your reply.
Files attached from Chrome browser this time.

One-page-design enabled main menu:
enabled.png


One-page-design disabled main menu:
disabled.png
  • mahalo39's Avatar
  • mahalo39
  • LIfetime Developer - Big Bamboo
  • 76 posts
  • 1 Thanks
  • Karma: 0
Last Edit: 5 years 5 months ago by mahalo39.
The administrator has disabled public write access.
You can add this to your custom css file

#navwrap .navwrapper {
margin-bottom: -25px !important;
margin-top: -25px !important;
}
  • mihha's Avatar
  • mihha
  • 12 Month Developer
  • 711 posts
  • 44 Thanks
  • Karma: 11
The administrator has disabled public write access.
Thanks mihha,
That fixed my issue!

I'm so glad. Thanks again,
Rika
  • mahalo39's Avatar
  • mahalo39
  • LIfetime Developer - Big Bamboo
  • 76 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
No problem at all
  • mihha's Avatar
  • mihha
  • 12 Month Developer
  • 711 posts
  • 44 Thanks
  • Karma: 11
The administrator has disabled public write access.
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
  • mahalo39's Avatar
  • mahalo39
  • LIfetime Developer - Big Bamboo
  • 76 posts
  • 1 Thanks
  • Karma: 0
Last Edit: 5 years 4 months ago by mahalo39.
The administrator has disabled public write access.
Hi Rika,

Have a link for the site?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Paul,

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

Thanks,
Rika
  • mahalo39's Avatar
  • mahalo39
  • LIfetime Developer - Big Bamboo
  • 76 posts
  • 1 Thanks
  • Karma: 0
Last Edit: 5 years 4 months ago by mahalo39.
The administrator has disabled public write access.
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
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Sorry, I opened a ticket with site details.
Thanks,
Rika
  • mahalo39's Avatar
  • mahalo39
  • LIfetime Developer - Big Bamboo
  • 76 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
No probs

Thanks

Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Just replied to the ticket

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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
  • mahalo39's Avatar
  • mahalo39
  • LIfetime Developer - Big Bamboo
  • 76 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
Thanks for the update

Did you remove the styling I added?

I commented out the previous code

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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
  • mahalo39's Avatar
  • mahalo39
  • LIfetime Developer - Big Bamboo
  • 76 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
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
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers