Upper Menu size - Support | Kriesi.at - Premium WordPress Themes

Tagged: over the classical menu), Upper menu bar (secondary menu in the upper bar

Viewing 19 posts - 1 through 19 (of 19 total)

Author

Posts
October 27, 2025 at 3:47 pm #1490625

Ad-Min747
Participant

Hi folks,
i’m looking how to have the currently small upper menu bar bigger and its font also. I mean the secondary menu bar.
I don’t see where it is.
Thanks

Have a nice day

JM

October 27, 2025 at 8:10 pm #1490633

Rikard
Keymaster

Hey Ad-Min747,

I’m not sure that I understand what you are referring to. Please post a link to where we can see the actual element.

Best regards,
Rikard

October 27, 2025 at 9:00 pm #1490634

Ad-Min747
Participant

Hi Rikard,
I’m refering to the secondary menu (the one with the Phone number) and was wondering where to configure it (site, font, color, etc.)

If I’m More clear.

best regards

October 28, 2025 at 10:43 am #1490649

Rikard
Keymaster

Hi,

The colour is set by the Logo Area Secondary Font Color option under Enfold->General Styling->Logo Area. If you want more advanced settings, then edit the Small bar above Main Menu option under Enfold->Advanced Styling.

Best regards,
Rikard

October 28, 2025 at 2:36 pm #1490662

Ad-Min747
Participant

OK seen, thanks,
But…I do not see where to make it bigger (higher) and increase the font size.
Br

JM

October 29, 2025 at 10:03 am #1490684
Rikard
Keymaster
Hi,

Please try the following in Quick CSS under Enfold->General Styling:
```
#header_meta {
  height: 50px;
  min-height: 50px;
}

.phone-info {
  font-size: 16px;
}
```
Best regards,
Rikard
October 30, 2025 at 8:23 pm #1490779

Ad-Min747
Participant

Hi Rikard,
works, thanks. :-)
Hem… and do you know how to make the buttons colored buttons or outlined buttons?
If I go to appearance/menu/secondary menu it doesn’t work?

Best regards

October 31, 2025 at 1:04 pm #1490811

Rikard
Keymaster

Hi,

Which buttons are you referring to? It would help if you post a link to where we can see them.

Best regards,
Rikard

October 31, 2025 at 1:54 pm #1490813
Ad-Min747
Participant
Hi,
link : https://pc-lab.fr/?bypass_code=FmUELDTcVMozUyFI

I’m refering to the small bar on top of the normal menu bar.

The menu item, “FAIRE UN DON“, as set in the secondary menu parameters should be coloured, and the “NOUS REJOINDRE” should be outlined.

Moreover, I’d like to try to increase their font size.

Hope I’m more clear.

BR
- This reply was modified 1 month, 1 week ago by Ad-Min747.
November 1, 2025 at 10:01 am #1490835
Rikard
Keymaster
Hi,

Thanks for the update. Please try the following in Quick CSS under Enfold->General Styling:
```
#menu-item-764 {
  border: 1px solid red;
  border-radius: 2px;
  padding: 3px 1px;
}

#menu-item-920 {
  background-color: #543da8;
  padding: 3px 1px;
}

#menu-item-920 {
  color: #fff;
}
```
Best regards,
Rikard
November 15, 2025 at 10:19 pm #1491367

Ad-Min747
Participant

Hi Rikard,
It appears broken.
I’ll try to go to customer (probono) and be back to you and post you a precise draw of what I’d like to make.
Thanks again
BR

JM

November 19, 2025 at 6:03 pm #1491524
Ad-Min747
Participant
Hi Rikard,
I’ve tried the following but I probably miss stg because I’m not able to change the background color which is mentionned as #543da8 and is displayed as being transparent. More over, the “FAIRE UN DON” (menu item 764) is too low in the bar probably due to the border but I don’t manage to align it with other menu items.

I’ve put the following CSS:

}
#menu-item-764 {
background-color: #543da8;
padding: 3px 10px;
}
#menu-item-764 {
border: 2px solid #543DA8;
border-radius: 35px;
padding: 13px 30px;
}

Sorry for all those questions, I’m a very very early beginner with CSS as you probably understood.

I thought I could do it from the “Menu settings / Secondary Menu” settings but “Megamenu” feature and coloured feature doesn’t seems to work when we place the secondary menu on the small upper bar. Can’t we use it there?

Best regards.
JM

PS: Promised, I do my best :-)
PS 2: Global quick CSS

.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text {
margin-left: 0;
}

.av_seperator_small_border .av-main-nav > li:not(.av-menu-button) > a > .avia-menu-text {
margin-left: -15px;
}
#header_meta {
height: 40px;
min-height: 40px;
}
#menu-item-920 {
background-color: #543da8;
padding: 3px 10px;
}
#menu-item-988 {
color: #543da8;
padding: 3px 10px;
}
#menu-item-764 {
background-color: #543da8;
padding: 3px 10px;
}
#menu-item-764 {
border: 2px solid #543DA8;
border-radius: 35px;
padding: 13px 30px;
}
- This reply was modified 2 weeks, 4 days ago by Ad-Min747.
November 20, 2025 at 8:49 am #1491563
Rikard
Keymaster
Hi,

Please try this CSS as well:
```
#menu-item-764 {
  background-color: red;
}

#menu-item-920, #menu-item-988 {
  margin-top: 15px;
}

#header_meta #sub_menu {
  margin-top: -11px;
}
```
Best regards,
Rikard
November 20, 2025 at 11:08 am #1491572

Ad-Min747
Participant

Thanks for your feedback. The 2 hereunder in bold don’t,do anything (#menu-item-764, #header_meta #sub_menu”)

#menu-item-764 {
background-color: red;
}

#menu-item-920, #menu-item-988 {
margin-top: 4px;
}

#header_meta #sub_menu {
margin-top: -11px;
}

Would you like an admin access?

Best regards

November 20, 2025 at 4:52 pm #1491592

Rikard
Keymaster

Hi,

You can try adding the important argument at the end: https://www.w3schools.com/css/css_important.asp.

Best regards,
Rikard

November 20, 2025 at 6:36 pm #1491595

Ad-Min747
Participant

Great, I got it for the button background, thanks :-)
But not for the button position (he’s not aligned with others, is lower)

I have the following:

.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text {
margin-left: 0;
}
.av_seperator_small_border .av-main-nav > li:not(.av-menu-button) > a > .avia-menu-text {
margin-left: -15px;
}
#header_meta {
height: 40px;
min-height: 40px;
}
#menu-item-920 {
background-color: #543da8;
padding: 3px 15px;
}
#menu-item-988 {
color: #543da8;
padding: 3px 10px;
}
#menu-item-764 {
background-color: #543da8;
padding: 3px 10px;
}
#menu-item-764 {
border: 1px solid #543DA8;
border-radius: 35px;
padding: 13px 30px;;
}
#top #footer-page .av_inherit_color a {
text-decoration: none;
}
#menu-item-764 {
background-color: #FACC46 !important;
}
#menu-item-920, #menu-item-988 {
margin-top: 4px;
}
#header_meta #sub_menu {
margin-top: -11px; !important;
}

November 21, 2025 at 12:48 pm #1491645
Rikard
Keymaster
Hi,

Please try this as well:
```
#header_meta .sub_menu {
  top: 0;
}
```
Best regards,
Rikard
November 21, 2025 at 12:56 pm #1491647

Ad-Min747
Participant

Top, it works fine.
Thanks for your patience Rikard.
Have a nice day.
JM

November 21, 2025 at 9:37 pm #1491662

Mike
Moderator

Hi,
Glad that Rikard could help, if you have further questions please open a new thread and we will try to help. Thanks for using Enfold.

Best regards,
Mike
Author

Posts

Viewing 19 posts - 1 through 19 (of 19 total)

The topic ‘Upper Menu size’ is closed to new replies.