Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • May 19, 2021 at 1:24 pm #1301196
    dondela

    Dear support,
    i think about a new Layout for my website (See screenshot).
    Do you think i can achieve this look with the enfold-theme? The Navigation should be pushed down over the main-content.
    Thanks for any help :-)

    May 20, 2021 at 4:01 am #1301274
    Jordan Shannon

    Hey dondela,

    This should be possible with css. Please provide a link to the site/page in question so we can look into this issue further.

    Best regards,
    Jordan Shannon

    May 27, 2021 at 11:37 am #1302584
    dondela

    Dear Jordan,
    i setup the page now and try to figure out what would be the best way to achieve this header-layout? How can i get the colorsection under the navigation? Thanks for any help.

    May 29, 2021 at 1:36 am #1302906
    Jordan Shannon

    Hi,

    Your site seems to be matching the screenshot. Were you able to get this corrected?

    Best regards,
    Jordan Shannon

    May 29, 2021 at 9:28 am #1302937
    dondela

    Hi Jordan,
    i almost have it. :-)
    One problem is to lower the xtra/phone info, like margin-top around 150px without lowering the whole header with the logo etc. (But not on mobil-view)
    You know how to do this?

    May 31, 2021 at 9:13 am #1303121
    Rikard

    Hi,

    Thanks for the update. It will likely be easier to add that content to a widget, instead of the header meta area: https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area. We can help you out with styling after you have added the content.

    Best regards,
    Rikard

    May 31, 2021 at 9:46 am #1303131
    dondela

    Hi Rikard,
    thanks for that hint, i added the widget area to the header. How can i move it to right side of the header and move it down more at the level of the Logo?

    June 1, 2021 at 7:03 am #1303337
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    #custom_html-3 {
    position: absolute;
    right: 10px;
    top: 10px;
}

    Best regards,
    Rikard

    June 1, 2021 at 7:53 am #1303349
    dondela

    HI Rikard, thank you!
    This works on desktop. On mobile i try to center this element –
    This code does not work:
    /* Header widget */
    @media only screen and (max-width: 480px) {
    #custom_html-3 {
    padding: 10px 0px 10px 80px!important;
    }
    }

    June 2, 2021 at 10:26 am #1303539
    Rikard

    Hi,

    It looks fine on my end on mobile, did you manage to find a solution? If not, then please post a screenshot of the problem and on which device and browser you are seeing it.

    Best regards,
    Rikard

    June 30, 2021 at 1:33 pm #1308121
    dondela

    Dear support,
    i managed to place the upper-right phone and e-mail-Info with a header widget. I use the “individual html” widget with the following code: Tel. +49(0)1734518146 | (Email address hidden if logged out) “> (Email address hidden if logged out)

    The e-mail link is working on mobile but not in the desktop-version. Do you have any idea what could cause this?
    Thanks for any help

    July 2, 2021 at 3:50 am #1308432
    Rikard

    Hi,

    Thanks for the update. Please try adding this CSS instead of your current one:

    #custom_html-3 {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 9;
}

    Best regards,
    Rikard

    July 2, 2021 at 9:15 am #1308470
    dondela

    Dear Rikard,
    thank you, great support!

    July 3, 2021 at 8:20 am #1308567
    Rikard

    Hi,

    Great, I’m glad that you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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