![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
Tagged: logo center
-
AuthorPosts
-
January 22, 2021 at 11:27 pm #1274869
I have been using Enfold for a lot of website, mainly because it’s a very reliable theme and most important, always and I mean always, I found on your support website the answers to all my questions about customizing the theme, about modifying every last detail of the theme.
But this time it seems that no matter how much I’m trying I didn’t find exactly what I need, although it’s quite common and simple.
I want the logo which is rounded to be in the center of main menu, overflow: visible, outside the main menu, covering a little bit of both, the container and top bar. Also the main menu to be splitted in half, few items in left of the logo and few in the right of the logo.
Is it possible to achieve this result in Enfold?
Would you be so kind and help me, please?
Thank you!-
This topic was modified 3 years, 7 months ago by
ktistai. Reason: added another image, the logo overflow visible only on main content, not on topBar also
January 24, 2021 at 12:17 pm #1275039February 6, 2021 at 5:05 pm #1278301Thank you for your …answer.
Can you be a little more specific, please? Because you just gave me the link to the entire enfold documentation. It’s almost the same thing as giving me the link to the search engine.
And thank you again.February 6, 2021 at 8:44 pm #1278365Hi ktistai,
https://share.getcloudapp.com/4gu1ywRB I gave you the link to the specific piece where the settings and the css for the menu that you need are shared. Is the link not taking you there?
Best regards,
VictoriaFebruary 8, 2021 at 12:31 pm #1278626I centered the logo and split the menu in half. The problem is that it seems that I can’t properly modify the stack order: to have the logo bigger than the menu, to cover some part above and under the header as seen in the image I attached to my first post.
I modified the css, but I’m doing something wrong and I don’t know what:#header .logo img{
height: 5em;
max-height: unset !important;
margin-top: -1em;
}.header-top{
z-index: 1;
}Can you help me, please?
February 8, 2021 at 6:22 pm #1278754Hi ktistai,
I can make it bigger but cannot work out the z-index issue. It’s not really shrinking nicely with that other theme.
And now on the new website, it’s nice and smooth.
Best regards,
VictoriaFebruary 18, 2021 at 7:20 pm #1282042Hi,
Nearly the same question for me.
I followed the instructions given on the documentation about the menu customization in order to center the logo and place the menu on each side (see https://kriesi.at/documentation/enfold/menu/#toggle-id -147)
The Header settings are set to : Logo left, Menu right.
CSS was added in the style.css of the child theme
There are no other changes to the CSS (except the code for Adobe fonts which I removed without noticing any change and therefore added again).
The logo
The logo remains on the left and the menu on the right
I would also like to display a logo larger than the height of the menu.Thanks for your help and advice.
February 20, 2021 at 11:10 am #1282389Hi I-Visio,
Credentials did not work for me. Could you please update the credentials?
Best regards,
VictoriaFebruary 20, 2021 at 11:19 am #1282397Hi Victoria,
Could you try now please with the same credentialsThanks again
February 21, 2021 at 7:49 pm #1282646Hi I-Visio,
The css does not seem to apply at all. Please try adding it in the Quick css and see if you get any changes.
Best regards,
VictoriaFebruary 22, 2021 at 7:39 pm #1282895Hi Victoria,
Ok it seems to work fine now (the css was in the style.css in the child theme folder)and for in order to display a logo larger than the height of the menu.
Could you give me some advices ?Thanks.
February 23, 2021 at 11:30 am #1283030Hi I-Visio,
Try adding this CSS code:
#top #header .logo, #top #header .logo a { overflow: visible; } #top #header .logo img { transform: scale(1.1); top: 8px; }
Just adjust the scale value.
Hope this helps.Best regards,
NikkoFebruary 23, 2021 at 12:13 pm #1283048Hi Nikko,
Perfect ;-)
Thanks again.
February 23, 2021 at 6:11 pm #1283182Hi I-Visio,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
VictoriaMarch 2, 2021 at 7:41 pm #1284861Hi, I can’t display an alternative menu for the mobile version.
When I select “Alternate Menu for Mobile” in the main menu section and then select a “mobile menu” created in Appearance > Menu, nothing appears.
Could the split menu code added earlier be the source?
Thanks for your help
March 3, 2021 at 5:44 am #1284946Hi I-Visio,
For the mobile menu, please follow the temporary solution posted by Rikard in this thread: https://kriesi.at/support/topic/problems-after-updating-to-wordpress-5-6-read-this-first/
Hope it helps.Best regards,
NikkoMarch 3, 2021 at 8:11 pm #1285113Hi Niiko,
In the thread you are referring to, I understand that I have to:
replace /enfold/includes/helper-main-menu.php, with this file: https://www.dropbox.com/s/6gmyfwwcicl0mdi/helper-main-menu.php?dl=0
as a temporary solution for resolving the empty mobile menu when using an alternate menu for mobile;I didn’t find /enfold/includes/
Thanks
March 4, 2021 at 2:27 am #1285186Hi I-Visio,
You can find that in Appearance > Theme Editor. Make sure Enfold theme (parent) is selected (not a child theme).
Or you can find that via FTP, wp-content > themes > enfold > includes.Best regards,
NikkoMarch 4, 2021 at 10:16 am #1285307Hi Nikko,
The last update (V 4.8) seem to solve the problemThanks
March 4, 2021 at 10:57 am #1285325Hi I-Visio,
Glad you got it working for you! :)
If you need further assistance please let us know.
Best regards,
Victoria -
This topic was modified 3 years, 7 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.