Hi!
I added following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (min-width: 991px) {
li#menu-item-burger {
display: none!important;
}}
.js_active.html_burger_menu #avia-menu > li {
display: block;
}
@media only screen and (max-width: 990px) {
.responsive.html_mobile_menu_tablet .main_menu .avia-menu, .html_burger_menu .av-burger-menu-main { display: block !important;
}
.js_active.html_burger_menu #avia-menu > li { display: none;
}}
#advanced_menu_toggle {
display: none !important;
}
@media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency {
background: transparent;
position: absolute!important;
}}
Please review your website now
Regards,
Yigit
hi andy
login info for my WP site and the page link – and the CSS – was on my second post right at the top of this thread.
hope it helps you to reproduce the problem.
the big issue is on chrome as I mentioned.
Firefox seems ok and safari is ok.
thanks
Pete
Hi!
I changed your code to following one
.av-upcoming-events .av-upcoming-event-entry {
width: 31%;
float: left;
margin-left: 2%;
clear: none;
}
.av-upcoming-event-image {
width: 100% !important;
border-radius: 0 !important;
}
.av-upcoming-event-data {
width: 100%;
padding-top: 20px;
}
Please review your website now
Cheers!
Yigit
Hi!
Please add following code to Quick CSS
#top .avia-slideshow-arrows a {
top: 42%;
}
Best regards,
Yigit
Hey!
Please go to Enfold theme options > Header > Transparency Options and change colors as needed then add following code to Quick CSS in Enfold theme options under General Styling tab
.av_header_transparency {
background: rgba(255,255,255,0.2);
}
#top .av_header_glassy.av_header_transparency .social_bookmarks li, #top .av_header_glassy.av_header_transparency .social_bookmarks li a {
color: black;
background: #ed1846!important;
}
Best regards,
Yigit
Hi,
try this code:
.page-id-43 .html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 20px !important;
}
and adjust as needed.
Best regards,
Andy
@Josue
I’m not using an Accordian but Tabs and have implemented this fix to have all tabs closed on page load when mobile. The client wants the page to use Tabs, preferring the layout.
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 767px) {
.responsive.html_header_top #header_main .social_bookmarks, .responsive.html_top_nav_header #top .social_bookmarks {
right: 0;
}}
Best regards,
Yigit
we see that the diagonal section border is for the bottom of the actual section.
So on most cases ( to mimic the diagonal effect) it is recomended that Diagonal Border Color is the background-color of the following section!
But why does it not work on last section . It would be nice to have it with footer too! So last Diagonal Border Color get the footer background-color. But on some reasons this is not accepted!
the only way now is to make another color-section after that and give the last color-section (no top border !) a custom class (in my example i call it: no-minheight
This will do the trick
.avia-section.no-minheight {
height: 0;
min-height: 0 !important;
}
#footer.container_wrap {
border-top-width: 0 !important;
}
see Result on the bottom of: Link
and – by the way for those fine lines of that logo – try to use svg instead.
http://webers-testseite.de/elegant/beispiel-seite/
just drag&drop the svg to your desktop.
The only thing you have to think of is to setup for the svg a width and height otherwise it is set to 1px/1px
Hi,
try to add an !important:
.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 0px !important;
}
Afterwards clear browser cache and hard refresh a few times.
Best regards,
Andy
Hi,
I have looked at almost all the topics on this problem and i cant find the right solution…
I need the site title to be shown in front of my logo.
I need the logo and text to shrick when i scroll down.
The site title needs to be the same size text as the logo (48) and the site title is a link to the homepage.
I have tried using this php
add_filter(‘avf_logo_subtext’, ‘kriesi_logo_addition’);
function kriesi_logo_addition($sub) {
$sub .= get_bloginfo(‘name’);
return $sub;
}
But i cant get the text to be in front of the logo.
Best regards,
Kristoffer
Hi Rikard,
Thank you for the response. The image on mobile looks like picture 1 (see private message). The desktop version looks like picture 2. As you can understand i do not like picture 1 – :)
So let me ask, Is there a way to add a code block on a page without adding a white space around it? This was the only way that i could think of to bypass this.
Any other suggestions would be welcome, although it kinda falls outside of the scope of theme support.
Thanks,
Antonis
Hi.
I can’t seem to get my main.container to stop being movable in horizontal sideway on Ipad. Only way to make that bug to stop, is to pinch screen or double tap, and it stops being movable.
Thanks,
OPVAB
Hey!
Try adding this code to General Styling > Quick CSS:
@media only screen and (max-width: 767px) {
#top .container .av-masonry-col-flexible .av-masonry-entry {
width: 100%;
}
#top .container .av-fixed-size .av-masonry-entry .av-inner-masonry-sizer {
width: 100%;
padding-bottom: 80%;
z-index: 1
}
}
.big-preview.multi-big,
.big-preview.multi-big img {
width: 100%;
padding: 0;
}
Cheers!
Josue
Im adding a video to my page usign avia layout, i dont see a way to autoplay/loop the video hosted on my WP site and hide the controls, is this possible
I’m forcing a resolution too like so

Hi guys,
I came across an issue where I am trying to use a background image in a color section. The problem is that the image gets stretched beyond the width of the screen with the paralax setting no matter what I do.
I came accross this thread: https://kriesi.at/support/topic/parallax-images-stretched-way-beyond-screen-dimensions/
I implemented the solution in the quick CSS but to no avail. The image is still stretched. I even tried to resize the image to 1500 x 640 and use the same setting when adding the image as the background. I just cannot seem to get it just right to have the width of my image take up 100% of the width of the screen.
The funny thing to me is that when I change from paralax to fixed then the 1500 x 640 image is to small for the screen and does not stretch to the end. I’m pretty sure this is some CSS thing that I am missing.
URL: http://www.buylucerne.co.za
Any help will be appreciated.
Thanks
J
Hi,
Great, glad you got it working. Please let us know if you should need any further help on the topic.
Regards,
Rikard
Unfortunately, it’s still on localhost, but I managed to figure it out like this in custom.css:
.avia-section.av-minimum-height .container .content {
vertical-align: top !important;
}
.avia-section-huge .content, .avia-section-huge .sidebar {
padding-top: 0;
padding-bottom: 0;
}
Hi Mark,
Great, glad you got it working and thanks for sharing :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi Craig,
Ok, we will need some more information then; what file was compromised and in what way? What were the results of the hack (what functionality etc. stopped working/was added). Any and as much information you have on how the hack was executed and what the result of it was in short.
If you need help cleaning your site I would recommend that you contact Sucuri: https://sucuri.net/
Best regards,
Rikard
Ok sooooo I have now tried to size them all the widths to fit the areas. Now the width the height seem to all line up except now there is a white space/gap between the top row and the bottom row?
Also when I view on iPad and smaller screen sizes the text and buttons dont seem to scale/become responsive – so are showing really large.
On mobiles the text and caption is aligning at the top of each image – I have it set to be in the middle and centred?
Hi,
Deactivate any caching plugin until the css changes are done.
Right now it is loading the below code for footer
#footer {
background: url(//wl58www297.webland.ch/wp-content/uploads/2016/09/40287914_ml.jpg) cover top left;
}
Replace the earlier #footer code i provided with the below one
#footer {
background: url(https://wl58www297.webland.ch/wp-content/uploads/2016/09/40287914_ml.jpg) cover top center!important;
}
Best regards,
Vinay
Hi,
Great, glad you got it working and thanks for the feedback :-)
Please let us know if you should need any further help on the topic.
Regards,
Rikard
Hi,
Great, glad we could help :-)
Please let us know if you should need any further help on the topic.
Best regards,
Rikard
Hi,
Great, glad you got it working :-)
Please let us know if you should need any further help on the topic.
Regards,
Rikard
This is in regards to post:
https://kriesi.at/support/topic/wp-admin-bar-issues-again/#post-688885
Ismael,
I was trying to provide follow-ups. In no way was I trying to bump anything. As I researched, I thought it pertinent to let you know what I was finding, if you were looking into it while I was. It was both out of respect and an effort to take ownership of what was going on that I kept posting. I also was seeing really suspicious activity and wanted to see if it was from someone there. Would you rather me keep new information from you until you spend time trying to identify, resolve or seek more clarification that a follow-up could have given?
Yes, I bumped one past a while back and I apologized for it and promised to not do it again. Please stop assuming that follow-up posts are to bump. It was done solely to help the process and not create more work for you.
Thanks, I will look into it! Will you please have someone answer my other topic? I am having a text formatting issue on mobile devices. Thanks! HERE IS THE LINK: https://kriesi.at/support/topic/enold-weird-text-formatting-on-mobile/
Thanks!
Eric