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.

UTAFITI Menu Bar (extend width of screen)

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

Hello,

I was wondering if there was a way for me to extend the menu the width of the screen instead of having it cut off? I played with the position settings that included logo, menu, and social, but it didn't quite work out. I want the logo, menu and social to stay exactly where they are, but looking to simply extend the white background sides to extend the width of the screen if that makes sense. I'm sure it's really simple, but of course, I'm missing something. Please let me know how to do this :)


menu.PNG


This is the link to the page: dontageva.com/test/index.php


Thanks,
Nader
  • azzaya's Avatar
  • azzaya
  • 12 Month Developer
  • 276 posts
  • 5 Thanks
  • Karma: 2
Last Edit: 2 years 1 week ago by azzaya.
The administrator has disabled public write access.
Hi Nader,

The row container has padding added to it

You could remove the padding but you would probably need to add some back via custom css

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

Ok, thanks. I'll give it a shot :)

Nader
  • azzaya's Avatar
  • azzaya
  • 12 Month Developer
  • 276 posts
  • 5 Thanks
  • Karma: 2
The administrator has disabled public write access.
Best of luck

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

It was getting too messy trying to get the top level logo, menu, social all aligned properly. I tried to go back to the same settings, but now the menu is shifted to the left and I don't know why. I'm not sure what I'm missing, but the logo and social spots are fine, but the menu seems left justified instead of centered.


menu_2017-08-15.PNG


How can I get it centered without breaking things :)

Thanks,
Nader
  • azzaya's Avatar
  • azzaya
  • 12 Month Developer
  • 276 posts
  • 5 Thanks
  • Karma: 2
The administrator has disabled public write access.
Hi Nader,

With it being set as left aligned it will align like - have you tried changing the setting so it is centered?
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
2017-08-15_17h09_39.png


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

I just set it to centered, and it's still to the left. Any thoughts? I don't have anything in the custom.css that would mess with the menu. Are you seeing the same thing I am?

dontageva.com/test/index.php

Thanks,
Nader
  • azzaya's Avatar
  • azzaya
  • 12 Month Developer
  • 276 posts
  • 5 Thanks
  • Karma: 2
The administrator has disabled public write access.
Hi Nader,

I think I need to look harder at this one

As there does appear to be a problem

I've been working all day so my brain is a bit frazzled - I will have a look in the morning

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
No worries! Have a good night, Paul. Look forward to talking with you tomorrow :)

Nader
  • azzaya's Avatar
  • azzaya
  • 12 Month Developer
  • 276 posts
  • 5 Thanks
  • Karma: 2
The administrator has disabled public write access.
Hi Paul,

I reopened my ticket, so that you can see my admin creds. Look forward to hearing from you. Thanks for your help! I'm almost ready to launch this site. Just need to figure out why the menu isn't centered.

Thanks!
Nader
  • azzaya's Avatar
  • azzaya
  • 12 Month Developer
  • 276 posts
  • 5 Thanks
  • Karma: 2
The administrator has disabled public write access.
Hi Nader,

I've updated the ticket

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Paul, just checking in. The centering of the main menu nav is the last thing I need before I launch the site. Did the developer have a chance to look at it yet? Once I get it centered, I'm good to go.

Thanks,

Nader
  • azzaya's Avatar
  • azzaya
  • 12 Month Developer
  • 276 posts
  • 5 Thanks
  • Karma: 2
The administrator has disabled public write access.
Try this.
#menu.zen-menu.zen-menu-horizontal ul.first-level {
    display: table;
}
  • blueshift's Avatar
  • blueshift
  • 6 Month Developer
  • 2579 posts
  • 78 Thanks
  • Karma: 26
The administrator has disabled public write access.
Sorry for the delay Nader

I'm waiting on a clarification from the developers

But in the mean time can you add

#menu.zen-menu.zen-menu-horizontal ul.first-level > li {display:inherit;}

Does this work for you?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
That worked! THANK YOU :)

Nader
  • azzaya's Avatar
  • azzaya
  • 12 Month Developer
  • 276 posts
  • 5 Thanks
  • Karma: 2
The administrator has disabled public write access.
Thank you!
  • azzaya's Avatar
  • azzaya
  • 12 Month Developer
  • 276 posts
  • 5 Thanks
  • Karma: 2
The administrator has disabled public write access.
Sorry for the delay on this

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