Text for logo vertical placement - Support | Kriesi.at

Tagged: text logo, vertical align

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

Author

Posts
July 26, 2023 at 7:47 pm #1414560
welswebmaster
Participant
Hi Enfold team,
Thanks for the many years of a valuable tool!
On a new site, I’m using the TEXT code provided in a previous thread rather than an image logo. However, I’m unable to achieve vertical-align: middle for the text-logo with the menu. See attached.
I’ve tried several ways, none moved the text-logo, Is this possible?
Thank you.

My current css:
```
.logo-title {
font-size: 2.75em !important;
font-family: Acme;
color:#b8cf75;
padding-left: 15px !important;
   display: inline-block;
    height: 100%;
vertical-align: middle !important;
}

.logo img {
display: none;
}
```
July 27, 2023 at 12:13 am #1414591

Mike
Moderator

Hey Julie,
Thanks for the screenshot, but your site is in maintenance mode, please include an admin login in the Private Content area so we can examine the element.

Best regards,
Mike

July 27, 2023 at 12:21 pm #1414661

welswebmaster
Participant

This reply has been marked as private.

July 27, 2023 at 6:02 pm #1414700
Mike
Moderator
Hi,
Thanks for the login, I found that it was the menu that was not centered verticaly, so I added this css to your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
```
.av_main_nav_header.av_menu_right #header_main .main_menu-uber {
	display: flex;
    align-items: center;
}
```
Please see the screenshot in the Private Content area of what I saw before the css, and clear your browser cache and check now.

Best regards,
Mike
July 27, 2023 at 6:37 pm #1414709

welswebmaster
Participant

This reply has been marked as private.

July 28, 2023 at 12:01 pm #1414744
Mike
Moderator
Hi,
Thanks for the feedback, your logo is 100% of the height and centered of the #header_main, as you can see in my screenshot above, and the menu is now centered on the logo.
This would be the height of the #header but you have two empty divs in the header:
#advanced_menu_toggle
#advanced_menu_hide
I don’t recognize these and don’t know their purpose, but I see that you have hidden them in your stylesheet:
```
#advanced_menu_toggle, #advanced_menu_hide {
    visibility: hidden;
}
```
but with this css they still are a block element that have a height, so I recommend this css instead:
```
#advanced_menu_toggle,#advanced_menu_hide {
	display: none;
}
```
so that your logo and menu will be centered in your header.
After applying the css, please clear your browser cache and check.

Best regards,
Mike
July 28, 2023 at 12:24 pm #1414745

welswebmaster
Participant

Brilliant, Mike! Thank you. I bumped the header height up to 100px now and added your CSS. It looks great. As for that advanced_menu_toggle, I found this: https://kriesi.at/support/topic/advanced-menu-toggle-2/ which means its old Kriesi Enfold code somewhere

July 28, 2023 at 12:34 pm #1414747

Yigit
Keymaster

Hey,

You have an outdated version of /includes/helper-main-menu.php in your child theme. Please update the file with a fresh copy and then reapply your modifications on the file.

Please make sure to have backups to be on the safe side.

Regards,
Yigit

July 28, 2023 at 12:41 pm #1414748

welswebmaster
Participant

Thanks, Yigit!

July 28, 2023 at 1:24 pm #1414750

Yigit
Keymaster

Hi,

You are welcome!

Let us know if you have any other questions and enjoy your weekend.

Best regards,
Yigit
Author

Posts

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

The topic ‘Text for logo vertical placement’ is closed to new replies.