-
AuthorPosts
-
April 24, 2016 at 6:04 pm #620839
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 #621050Hi 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,
RikardApril 25, 2016 at 8:36 am #621076Hello 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 #621953Hi,
Try this:
.responsive .boxed#top, .responsive.html_boxed.html_header_sticky #header { max-width: 100% !important; }
Best regards,
RikardApril 26, 2016 at 1:49 pm #622110Hi 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,
JohannesApril 26, 2016 at 1:54 pm #622117Hey!
Please try using following code
#header_meta { position: fixed; width: 100%; left: 0; top: 0; }
Best regards,
YigitApril 26, 2016 at 6:57 pm #622422Hello 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 #622424Hey!
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,
YigitApril 26, 2016 at 7:17 pm #622435Hey, 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 #622440Hi!
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,
YigitApril 26, 2016 at 7:34 pm #622453Perfect!!!
Thank you again and best regards!April 26, 2016 at 7:39 pm #622458Hi!
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 -
AuthorPosts
- The topic ‘Black Bar in the header’ is closed to new replies.