Tagged: 

Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • January 22, 2021 at 11:27 pm #1274869
    ktistai

    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!

    main-menu-logo-center
    or like this:
    main-menu-logo-center-V2

    • This topic was modified 3 years, 6 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 #1275039
    Victoria

    Hey Marius,

    Here are the docs for you:

    Menu

    Best regards,
    Victoria

    February 6, 2021 at 5:05 pm #1278301
    ktistai

    Thank 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 #1278365
    Victoria

    Hi 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,
    Victoria

    February 8, 2021 at 12:31 pm #1278626
    ktistai

    I 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 #1278754
    Victoria

    Hi 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,
    Victoria

    February 18, 2021 at 7:20 pm #1282042
    I-Visio

    Hi,

    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 #1282389
    Victoria

    Hi I-Visio,

    Credentials did not work for me. Could you please update the credentials?

    Best regards,
    Victoria

    February 20, 2021 at 11:19 am #1282397
    I-Visio

    Hi Victoria,
    Could you try now please with the same credentials

    Thanks again

    February 21, 2021 at 7:49 pm #1282646
    Victoria

    Hi 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,
    Victoria

    February 22, 2021 at 7:39 pm #1282895
    I-Visio

    Hi 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 #1283030
    Nikko

    Hi 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,
    Nikko

    February 23, 2021 at 12:13 pm #1283048
    I-Visio

    Hi Nikko,

    Perfect ;-)

    Thanks again.

    February 23, 2021 at 6:11 pm #1283182
    Victoria

    Hi I-Visio,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

    March 2, 2021 at 7:41 pm #1284861
    I-Visio

    Hi, 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 #1284946
    Nikko

    Hi 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,
    Nikko

    March 3, 2021 at 8:11 pm #1285113
    I-Visio

    Hi 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 #1285186
    Nikko

    Hi 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,
    Nikko

    March 4, 2021 at 10:16 am #1285307
    I-Visio

    Hi Nikko,
    The last update (V 4.8) seem to solve the problem

    Thanks

    March 4, 2021 at 10:57 am #1285325
    Victoria

    Hi I-Visio,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 20 posts - 1 through 20 (of 20 total)
  • You must be logged in to reply to this topic.