Tagged: 

Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • #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!

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

    • This topic was modified 3 years, 3 months ago by ktistai. Reason: added another image, the logo overflow visible only on main content, not on topBar also
    #1275039

    Hey Marius,

    Here are the docs for you:

    Best regards,
    Victoria

    #1278301

    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.

    #1278365

    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

    #1278626

    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?

    #1278754

    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

    #1282042

    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.

    #1282389

    Hi I-Visio,

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

    Best regards,
    Victoria

    #1282397

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

    Thanks again

    #1282646

    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

    #1282895

    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.

    #1283030

    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

    #1283048

    Hi Nikko,

    Perfect ;-)

    Thanks again.

    #1283182

    Hi I-Visio,

    Glad we could help :)

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

    #1284861

    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

    #1284946

    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

    #1285113

    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

    #1285186

    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

    #1285307

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

    Thanks

    #1285325

    Hi I-Visio,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

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