Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • April 24, 2016 at 6:04 pm #620839
    swa6768

    hello, can please help me with Enfold
    I need a black bar at the top of the page (it should be always there), without any links or elements. I now use the “Extra Element” of the header (without any item), maybe there is an better solution.

    My two questions now:

    1. The bar is too high. Can you show me the code, for making it much thinner (about the half, as it is now)?
    1. on a bigger screen, you see, that the width of this black bar is not 100% of the browser-window (the black bar stopps at the right and left corner). It should have always 100% of the width of the browser window. Can you help?

    Thank you,

    April 25, 2016 at 8:03 am #621050
    Rikard

    Hi swa6768,

    You are using the boxed layout so it won’t extend all the way because of that. Please try the following in Quick CSS under Enfold–>General Styling to set the height of the bar:

    #header_meta {
    min-height: 15px !important;
    height: 15px !important;
}

    Best regards,
    Rikard

    April 25, 2016 at 8:36 am #621076
    swa6768

    Hello Rikard,

    thanks for the fast reply and the top service. The code is working fine and the height of the bar is perfect now.
    Concering your “boxed layout” feedback:
    You are maybe right, but the costumer really wants, that the width of this black bar is always 100% of the browser-window.
    Please help again, because they will not accept the solution we have now.
    If there is another solution than the “header_meta”, it is also fine…

    April 26, 2016 at 7:32 am #621953
    Rikard

    Hi,

    Try this:

    .responsive .boxed#top, .responsive.html_boxed.html_header_sticky #header {
max-width: 100% !important;
}

    Best regards,
    Rikard

    April 26, 2016 at 1:49 pm #622110
    swa6768

    Hi again,
    Thank you for the code, but sorry, it is not working.
    I tried to change the code from ‘max-width to ‘width’ – the bar changed and got bigger (have a look at the site now), but is still not 100% the width of the whole browser window. Any other idea?
    Best regards,
    Johannes

    April 26, 2016 at 1:54 pm #622117
    Yigit

    Hey!

    Please try using following code

    #header_meta {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
}

    Best regards,
    Yigit

    April 26, 2016 at 6:57 pm #622422
    swa6768

    Hello Yigit,
    Perfect, that works fine! Thank you.

    Just one more question concering the avia-post-prev buttons of the portfolio (the back and forward buttons on the left and right hand side of the single portfolio pages):
    They suddenly (maybe after the update?) change to quite big preview pictures on Firefox (Safari is OK), you’ll see in the link below. Before, it was like on your preview window (http://kriesi.at/themedemo/?theme=enfold-overview). Is it easy to change it back?

    Regards,

    • This reply was modified 7 years, 11 months ago by swa6768.
    April 26, 2016 at 7:01 pm #622424
    Yigit

    Hey!

    They show up fine on my end, attached a screenshot in private content field.

    Please flush browser cache and refresh your page a few times – http://wiki.scratch.mit.edu/wiki/Hard_Refresh

    Best regards,
    Yigit

    April 26, 2016 at 7:17 pm #622435
    swa6768

    Hey, thanks for the fast reply – your service is really amazing!!!!

    On my mac, the buttons are also fine on Safari (the same like the picture you send me.)
    But Firefox has this big “half-preview-picture”, have a look in the link below, I made a screenshot:
    Any Idea, what happend?

    Best regards,

    April 26, 2016 at 7:20 pm #622440
    Yigit

    Hi!

    Sorry, did not check the site on Firefox. Please add following code to Quick CSS 

    .avia-mozilla .avia-post-nav img {
    width: 100%;
}

    Best regards,
    Yigit

    April 26, 2016 at 7:34 pm #622453
    swa6768

    Perfect!!!
    Thank you again and best regards!

    April 26, 2016 at 7:39 pm #622458
    Yigit

    Hi!

    You are welcome!
    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Cheers!
    Yigit

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Black Bar in the header’ is closed to new replies.