Josue,
When scrolling website pages or posts on iPhone, the site does not scroll properly. It appears to “stop” without scrolling smoothly.
– John
Hi sophie_doblhoff!
Add this.
#top .sub-menu a { background-color: white !important; color: black !important; }
Best regards,
Elliott
hi
I cannot put Phone and email Icons in top
I use this code in box for Phone Number or small info text but it position of icons is wrong, both are near each other
[av_font_icon icon='ue805' font='entypo-fontello' size='12px']
[/av_font_icon](Email address hidden if logged out) “> (Email address hidden if logged out)
[av_font_icon icon='ue8ac' font='entypo-fontello' size='12px']
[/av_font_icon] +4475
Please help,
Thank you
Hi,
I want to change the width of the Big Image w/Thumbnail gallery in the blog post when Gallery blog post format is specified. For some reason the gallery size is not changing even when I have specified this code:
#top .fullsize .template-blog .post .entry-content-wrapper > *, #top .fullsize .template-blog .post .entry-content-wrapper {
max-width: 100%;
}
The text below the gallery is fine and full-size but the gallery itself remains smaller. I have tried a few things but to no avail.
Thanks and Regards,
Tameez
Hello, on the very bottom of my site I have an area where I used to be able to show my churches Facebook, and Instagram feeds through a plugin called “Feed Them Social”. It has stopped working recently and instead of showing the feed, it just shows the shortcode that the plug in uses to generate the feed. I also entered it as a simple text to see if that makes a difference and it doesn’t. That’s why the text is double. Please let me know how to fix this issue, as it worked before, so I think it may be an issue from a recent enfold update?
http://www.agapebiblechurch.org/alive/
Thank you Basillis! You can close this topic..
Jas
Hey!
Please refer to this post
and https://css-tricks.com/logic-in-media-queries/
Cheers!
Vinay
Hi!
We have made some custom css for your site and added the following CSS in Enfold > General Styling > Quick CSS to make a logo centered menu for you please check the site.
/*centered menu*/
.av-main-nav li:nth-child(4) {
margin-right:180px;
}
.av-logo-container {
position:absolute;
}
#header_main_alternate {
margin-top: -100px;
z-index:9;
}
.logo {
z-index:9999!important;
max-width:200px;
}
#header_main_alternate.container_wrap{
border:none!important;
}
Cheers!
Vinay
Hi!
Please try adding following code to Quick CSS in Enfold theme options under General Styling tab
#header_meta {
margin-top: -30px;
}
.phone-info {
top: 30px;
position: relative;
}
Regards,
Yigit
Hi Jossue,
It doesn’t even let me get there. When I click on the add product gallery images button, it simply takes me to the top of the page and it never opens the box to add or upload images.
Hi!
Please check the site now we have made the changes and added the below css code
h3.grid-entry-title {
position: absolute!important;
left: 20px!important;
right: 20px!important;
top: 50%!important;
transform: translateY(-50%)!important;
}
Cheers!
Vinay
Hello all —
Since updating to 3.4.7, Avia Layout Builder has stopped working.
I have deactivated all plugins and tested, purged cache, and done a database backup, and no improvement.
Any suggestions?
Temp login below.
Hi Basilis !
I’ve found a topic like this https://kriesi.at/support/topic/removing-top-header-bar/, that is close to my question. However I couldn’t find the php code. Maybe because of the updates.
Now it is transparent actually, but I try to reduce the height or remove it like the topic above.
Thank you for your support .
By absolute center are you saying from left to right or top to bottom? Absolute center would be both and I only see it centered from the sides (left to right). It is too low from top to bottom in the customer’s opinion (and I see their point – see attached). We have Center without Frame in the Fullwidth Easy Slider.
Hey!
It will be best for you to display the social icons on the top bar that way it will be visible on all screens easily.

Please try this setting and let us know.
If you are using this setting please remove the CSS code .
Best regards,
Vinay
Hi great theme !
I would like to know if it is possible to remove the top header bar and not lose the phone number that is near the main navigation.
Thanks.
Thanks Yigit!
Would you mind asking Kriesi to add your CSS to his theme? The problem is present in every installation.
Topic solved!
Jas
Hi!
I noticed this topic has come up before, but the solution proposed didn’t work for me. (This solution: https://kriesi.at/support/topic/ultimate-member-plugin-doesnt-work/#post-528323 )
When a user creates an account in Ultimate Member plugin, the profile picture loads successfully. When the user attempts to edit their picture later, the page refreshes rather than the edit functionality becoming available. I narrowed the problem down to the theme; the behavior functions properly on Twenty Sixteen theme, but not on Enfold.
I edited line 176 add_action to 20000, as suggested, but it didn’t change the behavior.
Any ideas?
Thanks!
Hey Veronica!
I’m not sure which images you are referring too but i am assuming that you are talking about the images in the slider…
Please add the code to Enfold > General styling > Quick CSS
#top .av-border-deactivate.avia-logo-element-container img {
height: 150px;
}
If this is not what you wanted please send us a mockup so we can help you better
Cheers!
Vinay
-
This reply was modified 10 years, 2 months ago by
Vinay.
Hello. I have been playing around with this CSS link hover. I can’t seem to figure out how to alter the code so that the items display horizontally instead of vertically:
CSS:
ul#menu2 {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: none;
}
ul#menu2 li a {
position: relative;
display: inline-block;
color: white;
text-align: left;
padding: 9px 1px;
text-decoration: none;
font-size: 14px;
}
ul#menu2 li a::after {
position: absolute;
bottom: 150%;
left: 0;
width: 100%;
height: 1px;
background: #fff;
content: '';
opacity: 0;
-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
transition: height 0.3s, opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
ul#menu2 li a:hover::after,
ul#menu2 li a:focus::after,
ul#menu2 li a:active::after {
height: 5px;
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
HTML in code block:
<ul id="menu2">
<li><a href="#home">born out of necessity</a></li>
<li><a href="#news">identifying the need</a></li>
<li><a href="#contact">implications</a></li>
<li><a href="#about">breaking down user psychology</a></li>
<li><a href="#about">research driven development</a></li>
<li><a href="#about">survey and poll data</a></li>
</ul>
Do you think you guys can help make it so that the elements display in a horizontal line rather then on top of one another?
Hi Rikard,
I have a slider in the middle and the logo up top. I was hoping to get rid of the entire top bar and logo and just leave the menu. See link below. Many thanks.
I’m having a similar issue with getting a video to play on mobile. I’m OK with the mobile being a fall back image with a lightbox for the video. The problem I’m having is the desktop site wants the full width video to be click to play (as it needs sound, but I don’t want to autoplay with sound), but this both starts the full video AND launches a lightbox over the top of it that play. Is there a way to only apply the lightbox when on a mobile device?
Thanks,
Rob
-
This reply was modified 10 years, 2 months ago by
RobertDawes.
Thanks now I see, one last issue.
The logo at the top of the page is centered but when the site goes responsive the logo moves to the left. How do I keep it in the center?
Hi guys,
This website is running fine now. You can flag this topic as solved.
Thanks & regards,
Monique
Hi guys,
I am working on a new website with different portfolio’s (no shop).
How can I create the avia-content-lider like on your demo Frontpage shop, see section Top Seller (move right and left with arrows)?
Please advise.
Thanks & regards,
Monique
Hi ohmstudio!
Please refer to Ismael’s post here – https://kriesi.at/support/topic/updated-enfold-wordpress-woocommerce/#post-563759
Best regards,
Yigit
Hi!
Please add following code to Quick CSS as well
#top #wrap_all .av-social-link-facebook a:before, #top #wrap_all .av-social-link-instagram a:before, #top #wrap_all .av-social-link-gplus a:before {
margin-left: 10px;
}
Cheers!
Yigit
Hi!
Please add following code to Quick CSS
footer .av-share-box {
display: none;
}
and then edit your blog posts and click “Screen options” on the top right corner and check “discussion” and scroll below your post and choose to disable discussion
Cheers!
Yigit
Hey!
Please add following code to Quick CSS
#footer td {
padding-top: 0;
padding-bottom: 5px;
}
Cheers!
Yigit
Hey!
Please add following code to Quick CSS
#top .fullsize .template-blog .post .entry-content-wrapper > *{ max-width: 100%; }
.single h1.post-title.entry-title, .single .post-meta-infos {
text-align: left!important;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Best regards,
Yigit