Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 26, 2016 at 5:17 pm #678245
    rnitsch

    Hi kriesi Team,

    I want to place the main menu bar below a slider in all my webpages. How can I arrange this? In the enfold settings I did not find this option.

    Please help.

    Kind regards.

    Robby

    August 31, 2016 at 7:27 am #679842
    Josue

    Hey Robby,

    You can use a FullWidth Submenu element for that, can you post a link to your site?

    Best regards,
    Josue

    August 31, 2016 at 9:09 am #679873
    rnitsch

    Hi Josue,

    Thanks for your respone. I posted you a link in the private content, but my site is still empty, becuse I am trying to test some menu possibilities.

    My idea is to hide the complete header area and replace it with some avia layout architect elements. One of them would be your proposal with the FullWidth Submenu. But then I have some more problems:

    1. If choose “Blank – No Header, no Footer” option for all pages and insert THE COMPLETE CONTENT for all pages with many several avia layout architect elements inclusive the the FullWidth Submenu
    -> How I have to fix, that all avia layout architect elements will appear IN A BOXED LAYOUT WITH A MAXIMUM WIDTH OF 1000 px ?

    2. If I do not choose “Blank – No Header, no Footer” option for all pages
    -> How I have to hide the complete header area inclusive main menu and the Logo? (If I do so, does a whitespace appear instead?)
    -> And how I have to adress particular items of the FullWidth Submenu to use my own css layout commands (because not all options are possible in the theme styling area (like height in px of the fullwidt submenu))

    Please help!!!

    Best regards

    Robby

    August 31, 2016 at 9:45 am #679883
    rnitsch

    Hi again,

    I found a command to hide the complete header, but exists an easy way to hide the new whitespace, which appears instead ??

    The command was:
    .page-id-25 #header {
    display:none!important;
    }

    Urgent.

    Please help.

    Robby

    August 31, 2016 at 4:48 pm #680135
    Josue

    Hi,

    Use this:

    .page-id-25 #header {
display:none!important;
}

.page-id-25 #main {
padding-top: 0 !important;
}

    Best regards,
    Josue

    September 1, 2016 at 6:37 pm #680893
    rnitsch

    Hi Josue,

    great!!! Thank you very much. It works now. You can’t imagine, how happy I am. It was a big problem for me. Now I can start to build the website.

    It would be excellent, if you could answer my two last questions:

    1. Is there a command for all my pages / for all my page-ids, so that I need not specify all page-ids separate?
    I mean something like all-pages #header {display:none!important;} and .all-pages #main {padding-top: 0 !important;}

    2. I am sure, that I would find this solution for my problem very earlier and without disturbing or interrupting the great Kriesi-Team, if I could take look into a table or list, which contains ids or classes for all or the most elements of the enfold theme (like menu, footer, header, etc). I looked shortly into the documentation, but I did not find such a list. Maybe I overlooked it. -> Is it possible to provide this list of ids or classes for all elements of the enfold theme?

    Thank you once again!!!

    Best regards Robby

    September 1, 2016 at 10:15 pm #680996
    Josue

    Hi,

    1. Simply remove the page-id class from the code:

    #header {
display:none!important;
}

#main {
padding-top: 0 !important;
}

    2. Most classes are auto-generated (ex: builder-element-24), so it’s not possible to list them all, one thing you can do however is use the Web Inspector tool to inspect the generated HTML markup.

    Best regards,
    Josue

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