Recent
Categories
View Replies (10)

How to change Font Dimension of "Top Menu" in Nadia Template

  1. Issue
0
Votes
Undo
  1. modiglianibasket
    modiglianibasket
  3. Commercial Templates
  4. Friday, 14 September 2018
  5.  Subscribe via email
Hi Ciaran.

I need to enlarge the dimension font of the top menu. I tried to use "Class CSS module suffix", but it doesn't work.
It would be nice if I could change the background color of the menu (no problem for the dropdown background color because it is settable via "Hornav Menu Settings";).
Furthermore when you refresh the page, you can see that there's a bothersome effect of adjustment of the menu on the logo image. If I added another menu item, then it would overlap on the logo image. Why?
http://www.musicaritrovata.it

Could you give me a workaround?

Thanks so much!
Best Regards!

Gae
Responses (10)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Gae

To amend you can add the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.hornav > ul > li > a {

    background-color: #aaaaaa;

    color: white;

    margin: 0 2px;

    border-radius: 4px;

}


Replace #aaaaaa with the color of your choice.

Would you have a URL to an example of your 'overlapping' issue?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
modiglianibasket
modiglianibasket
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran.

Thanks so much.
The URL is:
http://www.musicaritrovata.it
I put it in the previous message.

BR
Gae
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Gae however I am unable to see any overlapping of the menu items in the URL provided. Are you having this issue on a particular browser? We have tested using FireFox.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
modiglianibasket
modiglianibasket
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran.
It seems to have the same effect even with firefox. I catched two images, one just after refreshing the page, and the other image few moments afterwards, as it appear normally You can see the difference.

Moreover If i put other "top menu" items, they overlap on the logo images (see attached TEST3 image).

BR
Gae
Attachments (3)
STEP1.jpg STEP1.jpg
STEP2.jpg STEP2.jpg
test3.PNG test3.PNG
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Gae

I suspect the issue is related to the javascript used to split the menu to either side of the logo (fired after the DOM has loaded). To resolve this you can recreate the same effect using CSS. The issue is I would need to know the number of items you wish to add to the menu?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 5
modiglianibasket
modiglianibasket
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,

I wish to add 2 items to the menu.
Currently there are 4 items. I need 6 items overall.

Thanks so much.

Gae
  1. more than a month ago
  2. Commercial Templates
  3. # 6
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Gae

Would you have a URL to an example of all 6 menu items?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 7
modiglianibasket
modiglianibasket
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran.

I'm not sure I understand you correctly.
The URL should be this one: https://www.musicaritrovata.it/

BR

Gae
  1. more than a month ago
  2. Commercial Templates
  3. # 8
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

To amend you can add the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.hornav > ul > li.item-101,

.hornav > ul > li.item-130,

.hornav > ul > li.item-112 {

	float:left;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 9
modiglianibasket
modiglianibasket
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks. Now it works!
Gae
  1. more than a month ago
  2. Commercial Templates
  3. # 10
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok