Naja es sollte halt so bleiben wir auf der Desktopversion – mit den Effekten. und eine umschaltung der Sprache Deutsch/Englisch/Ungarisch wär auch super.
Hey swa6768,
Please go to Enfold theme options > Header > Header Behaviour and uncheck “Unstick topbar”.
And if you would not like to apply the code in mobile, please change the code to following one
@media only screen and (min-width: 990px) {
#header_meta {
position: fixed;
width: 100%;
left:0;
}}
Best regards,
Yigit
Hey anna-leo,
Please firstly refer to this post – https://kriesi.at/support/topic/sidebar-rechts-single-page/#post-580220 and then post the link to your product page
Best regards,
Yigit
Hey!
Try adding this code to the Quick CSS:
@media only screen and (max-width: 989px) {
.responsive .boxed #wrap_all { overflow: hidden; /*needed for mobile menu scrolling */ }
.responsive #top { overflow-x: hidden; }
.responsive .boxed#top, .responsive #top.boxed .stretch_full ,
.responsive.html_boxed.html_header_sticky #header,
.responsive.html_boxed.html_header_transparency div #header{ width: 100%; max-width: 100%; }
.responsive #top .flex_column_table_cell{display: block;}
.responsive #top .flex_column_table{display:block;}
.responsive #top #wrap_all .container {
width: 85%;
max-width: 85%;
margin: 0 auto;
padding-left:0;
padding-right:0;
float:none;
}
.responsive .units, .responsive .unit {
margin: 0;
}
.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
margin: 0;
margin-bottom: 20px;
width: 100%;
}
.responsive #top #wrap_all .av-flex-cells .no_margin{
display: block;
margin: 0;
height:auto !important;
overflow: hidden;
padding-left:8% !important;
padding-right:8% !important;
}
.responsive #top #wrap_all .av-flex-cells .no_margin .flex_cell_inner{
width: 100%;
max-width: 100%;
margin: 0 auto;
}
.responsive #top #wrap_all .av-flex-cells .no_margin.av-zero-padding{
padding-left:0% !important;
padding-right:0% !important;
}
.responsive #top #wrap_all .flex_column:empty{margin:0;}
}
Cheers!
Josue
Hello!
I’m using the “Contact form” of the “content element” for my website, and i’d like to change the background color of the boxes (making it a little transparent), add a border line and (if possible) make the whole contact form a little smaller.
I tried to read the old topics to find any solution, but I didn’t find a working CSS.
Any suggestions?
Thanks a lot!
Hey Charlotte :)
Please turn on custom CSS field for ALB elements – kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and edit your text block element where you have your image and give it a custom class and then add following code to Quick CSS
.your-custom-class p { margin-top: 0; margin-left: 20px; }
Best regards,
Yigit
Hi,
I checked your website on mobile and video is working as expected. Looks the same to me as on desktop. Can you highlight the issue using screenshots please?
Best regards,
Andy
Hey,
I have an issue when I try to re-size the pulse and hotspots positioned over my image on this page: https://speechangel.com/about/
When I use the following CSS it works on a computer browser but not on mobile:
.responsive .av-image-hotspot-pulse {
height: 110px;
width: 109px;
top: -39px;
left: -39px;
}
When I adjust it to:
@media only screen and (min-width: 990px)
.responsive .av-image-hotspot-pulse {
height: 110px;
width: 109px;
top: -39px;
left: -39px;
}
It seems to revert back to the old CSS.
Any idea where I’m going wrong?
Thanks
I do see that my website is not creating very nice pages where I have used Color Section in combination with Special Headings. I also see that H1, H2 and H3 are nice on a desktop, but to big in size on mobile devices.
What is the right way to handle the fontsize of these elements on mobile devices?
Is there no trick to get for example 75% of regular size to be used on Mobile devices?
If I have to resize all elements based on media queries in my CSS, that I have to do quite a lot of specifications.
Añade esto a Quick CSS:
#top .av-caption-style-overlay a.av-masonry-item-with-image .av-inner-masonry-content-pos {
vertical-align: bottom;
}
Good Afeternoon,
I just take this code https://kriesi.at/support/topic/how-to-disable-the-wpml-language-selector-in-the-menu-after-search-icon/ and it’s work perfect but i’ve another problem with the menu you can see it https://Carnegy.fr you can look the language selector and the sub menu go out the page.
Hi,
Wordpress is cropping images by default when uploading them. You can control this behavior with a plugin like: https://wordpress.org/plugins/simple-image-sizes/
You could also control it in Enfold’s settings directly: https://kriesi.at/support/topic/enfold-image-sizes/#post-336176
Afterwards you need to regenerate your thumbnails.
Best regards,
Andy

Hello
I have 2 problems
1. Google maps are not show after configuration. i configure address but on contact page i don’t see the map. I was tried with another exist address and the problem the same.
2. In top where social links and tel number i have rtl text after end of the text and social icon i see no space. i think is because the text line is ltr. how can i fix it to be rtl?
Thanks
Hey thanks Josue! Solved. You can close the topic. Jas
Hello!
Its a special issuu please check my image and live preview.
I have streched layout and I use TOP 40px on a background element. So I have a 40px black color gap what I should recolor to red from black.
Best regards
Peter
Hello Rikard,
İt is not about the custom codes. If you have full width picture as background; columns content inside the color section is always at the middle because of this code :
.avia-section.av-minimum-height .container .content {
vertical-align: middle;
}
Please look at the this page : http://www.egezon.com/digital-marketing/
I couldn’t find a way to get around this
These codes do not work:
.page-id-698 #digital-marketing-banner .avia-section.av-minimum-height .container .content{
vertical-align: top !important;
}
or
.page-id-698 .avia-builder-el-24 .container {
vertical-align: top !important;
}
I have to point directly to the section color and make it align its content to the top.
[IMG]http://i67.tinypic.com/120p7dc.jpg[/IMG]
Best Regards
Good Morning
is there a way to center align the logo and menu in the header?
By default these sit right at the top of the header bar.
Thanks
Grant
I am putting a post slider element on a home page and I would like to see if I can add a custom css to get the following to occur:
1. Have the Post Title and Read More link be on top (overlay) the thumbnail instead of below it.
2. Add a color overlay to the post’s thumbnail on the slider.
Thanks.
Link to Screenshot: https://www.dropbox.com/s/wa06lu4dn06dbla/scrolling_problem.PNG?dl=0
Problem: When Scrolling down, I would like a color section (call it Section A) to automatically scroll that way, that the top of the section is at the upppest thing you can see and not a little bit of the section above. If a little bit of the upper color-section is visible I want the website to automaticall scroll down a little bit until the top of the Section A is at the top of the window.
Hi!
versuche es mit diesem Code im Quick CSS Feld:
strong.logo {
top: 15px;
}
und passe an wie du es brauchst.
Gruß!
Andy
Hey, I was about to post you some credentials and let you know that I was still running into the same issue when I removed the code. But then I looked down at the bottom of my page and noticed my wordpress version was at 4.2.2.
I thought that was weird, because I was not getting the usual update notification at the top. This site of mine is hosted on my clients server rather than my own. I found this thread and am going to get updated before I get back to you. Note the solution to the problem is way down at the bottom.
https://wordpress.org/support/topic/wp-updates-not-showing-latest-wp-version-available
Hey there please have a look here:
Suddenly most of the content aligns completely wrong. Tried to fix it, but it does not work.
Mobile view is fine. Desktop is a real mess. I see this problem several times if the main menu is on the left side bar.
Happy for any advise. Kind regards, Tob
Hey!
du kannst das responsive Verhalten anpassen mittels diesem Code im Quick CSS Feld:
@media only screen and (max-width: 1024px) {
.flex_column.av_one_fourth.flex_column_div.avia-builder-el-6.el_after_av_three_fourth.avia-builder-el-last.column-top-margin {
width: 100%;
}}
Passe die media queries (max-width) entsprechend der Browsergröße an.
Gruß,
Andy
Ok I removed all the custom stuff I had added for the widget. However I left the part for customizing the widths for the three columns. Feel free to adjust that as needed.
/*Custom Footer*/
#footer .flex_column.av_one_third:nth-child(1) {
width: 20%;
}
#footer .flex_column.av_one_third:nth-child(2) {
width: 20%;
}
#footer .flex_column.av_one_third:nth-child(3) {
width: 48%;
position: relative;
}
here are the mock ups I was given originally
Here is an example of the horizontal subscription http://prntscr.com/b01c9r
Here is a scanned drawing of what the footer was to look like with the sub made horizontal. http://prntscr.com/b01cso
Please keep in mind the things I mentioned in my last post about squishing/resizing desktop/laptop browser screens as well as what I said about mobile too.
I have removed my custom CSS for the widget.
You have no idea how much I appreciate your patience and help in this. This footer has been the bane of my existence for entirely too long. :D
Hi Sharon!
We are happy to help all of our users and we work hard to get everyone’s issue resolved asap. Sometimes some issues require a quick and easy fix and some issues require research so it takes time kindly bare with us. Another reason why we could not see your ticket is because when you bump the system marks it as answered and push to the bottom. please avoid bumping instead just add “Urgent” on the topic.
We notice the error on your site please let us know if any modifications were made via FTP or on the backend in the dashboard.
If you made these change via FTP you can simply remove those codes or backup old header.php file and replace it with a fresh copy of header.php.
Another common reason this error shows up is when there is a white space in header.php efore the php code starts. Here you can find some helpful info that might help you resolve this issue http://stackoverflow.com/questions/8028957/how-to-fix-headers-already-sent-error-in-php
If it does not help, I am afraid you might need to replace all the theme files manually – http://kriesi.at/documentation/enfold/updating-your-theme-files/
Best regards,
Vinay
Hi,
It looks like you done a few customisations there, if you want to align the list further down you can try putting padding on top of the li elements:
.about-nav__list li {
padding-top: 100px !important;
}
Thanks,
Rikard
Hey Flemming!
To make the header look similar to the screenshot below in private. Please add the CSS in Enfold > General Styling > Quick CSS
#header_main nav .social_bookmarks {
margin-top: 4px!important;
}
Regards,
Vinay