Hey!
Please edit js > avia.js, find this code on line 300:
switchWidth = 767;
Replace it with:
switchWidth = 1024;
This should display the sildeout menu on iPad screens. Remove browser cache then reload the page a few times.
Regards,
Ismael
Hey studiotopo!
Can you please give us a link and a screenshot of the page?
Best regards,
Ismael
Contact Form:
Option to use input Name field as a watermark label inside the input bar rather than a normal Text label on top of the input bar.
(Would look the same as how the captcha equation sits inside the bar.) Would just make the contact form neater and simpler.
Hi studiotopo!
You can use the regular WordPress Add Media button just above the visual editor and then select your images to become a gallery.
Cheers!
Devin
That image is sized at 414×450 while the rest are 450×450. If the root dimensions before being uploaded are not over 450×450 (like that image isn’t) then WordPress shrinks it down to fit at its longest edge. In this case that leaves it taller than the other images.
Right now I only see it causing an issue on true mobile size. So you could wrap the max-height in a media query for mobile specifically to shrink it down even further with something like this:
media only screen and (max-width: 479px) {
#top div .avia-gallery img {
max-height: 79px;
}
}
Ultimately the issue just stems from using an image that is too small on one edge from all of the others.
Hey Ismael.
Have now added the new snippet and getting the same results. It is that single image on both galleries for some strange reason.
This is now what I have in total for this image ordeal
#top div .avia-gallery img {
max-height: 333px;
}
@media only screen and (max-width: 767px) and (min-width: 480px) {
#top div .avia-gallery img {
max-height: 132px!important;
}
}
@media only screen and (max-width: 989px) and (min-width: 768px) {
#top div .avia-gallery img {
max-height: 217px;
}
}
Hey David!
The code above target the mobile screens like iPhone etc. Please add this below:
@media only screen and (max-width: 989px) and (min-width: 768px) {
#top div .avia-gallery img {
max-height: 217px;
}
}
Best regards,
Ismael
Hey!
You will also need to then include a custom class on your code and then some css inside the desktop only media query in the css/custom.css file to hide the image on desktop.
Regards,
Devin
Hi clecocq!
I’m sorry but this is beyond the scope of support. Please hire a freelance developer to help you. You can visit this link. Request the feature here.
Regards,
Ismael
Hey t-creator!
Please add this at the very bottom of functions.php:
if(!function_exists('avia_append_lang_flags'))
{
//first append search item to main menu
add_filter( 'wp_nav_menu_items', 'avia_append_lang_flags', 10, 2 );
function avia_append_lang_flags( $items, $args )
{
if ((is_object($args) && $args->theme_location == 'avia'))
{
global $avia_config;
global $sitepress;
$languages = icl_get_languages('skip_missing=0&orderby=custom');
if(is_array($languages))
{
foreach($languages as $lang)
{
$currentlang = (ICL_LANGUAGE_CODE == $lang['language_code']) ? 'avia_current_lang' : '';
if(is_home() || is_front_page()) $lang['url'] = $sitepress->language_url($lang['language_code']);
$items .= "<li class='language_".$lang['language_code']." $currentlang'><a href='".$lang['url']."'>";
$items .= " <span class='language_flag'><img title='".$lang['native_name']."' src='".$lang['country_flag_url']."' /></span>";
$items .= "</a></li>";
}
}
}
return $items;
}
}
Best regards,
Ismael
Hi Kean45.
I am not more than jjust a user and a true n00b, but still, Filezilla shows me French is one of the standard Enfold languages. As is Dutch. Which loads perfectly. So, I guess if you buy the theme it’ll work out fine. And if you already did… Check out these forum topics and solutions:
https://kriesi.at/support/topic/how-to-change-language/
https://kriesi.at/support/topic/set-language-in-enfold/
Best of luck!
Hi there,
I really like your theme but there is a bugg on android devices.
When i put the fixed header with social icons, that header goes down while scrolling the page instead of keeping place at the top. It means it goes over the main website area..
Please can you correct that bug
Thanks
This reply has been marked as private.
Hi, I’m using the Enfold theme with small fixed header. I would like to have the language selector (two flags side by side is enough) on top of the menu (or by its side maybe?). How can I achieve this? Thank you
João
I am using a third-party plugin that creates a custom page that contains a checkout iFrame for WePAY. Unfortunately, it doesn’t style the page based on the theme. I have added code to the functions.php that has allowed me to add my logo to the page:
if ( ! function_exists( ‘mycred_buyCRED_custom_styling’ ) ) :
add_action( ‘mycred_buy_cred_page_header’, ‘mycred_buyCRED_custom_styling’ );
function mycred_buyCRED_custom_styling() {
echo ‘
<style type=”text/css”>
html { background-color: rgb(34, 34, 34); }
body { width: auto; height: inherit; margin: 0; padding: 120px 0 0 0; overflow: hidden; }
body { background-image: url(“http://www.crewnami.com/wp-content/uploads/2013/10/Crewnami_Logo_V3.png”); background-position: top center; background-repeat: no-repeat; }
body > img { display: none; }
body > p { position: absolute; top: 24px; left: 24px; margin: 0; padding: 0;
</style>’;
}
endif
However, I would like it to look like the rest of the site. Unfortunately, that is above my pay grade. I would appreciate any help that could be provided.
THANK YOU
Hey!
The gist of what you will do is add the items to your menu like normal. Then add custom classes to them so that you can style those classes like buttons. The WordPress menus manager has a field for custom classes if you go to the top right of the screen and click on Screen Options. Check the box for the classes field.
Best regards,
Devin
Hi!
The css from ismael is not in your quick css that I can see. Instead you have:
@media only screen and (max-width: 767px) and (min-width: 480px) {
#top div .avia-gallery img {
max-height: 333px!important;
}
}
Cheers!
Devin
My client wants to use the Blue settings throughout the site to match the blue color of their logo – BUT in the top navigation when you mouse over the menu a thin line appears and then stays there if you choose that page – they want to make it a RED COLOR.
Is this possible to change with CSS?
Please… tell me it is possible b/c that’s what I told them. :)
IF SO, what would that custom CSS be?
Thanks in advance!
Paul
This reply has been marked as private.
Hey!
I still can’t modify the theme files. Please try to insert this code: https://kriesi.at/support/topic/post_gallery-filter/#post-213804 into your child theme functions.php file.
Cheers!
Peter
This reply has been marked as private.
This reply has been marked as private.
Thanks for the reference, Yigit. I will try Werkpress.
I’ve looked through the source of the theme and it did look doable to me.
The admin panel looks super flexible as ALB.
But on the other hand, I’ve seen lots of dependencies with css etc., in the source
so I had doubts weather such a change would be possible at all.
Thank you so much for you input.
Hey!
I would suggest you to give Enfold a try. It is one of the most flexible WordPress themes available and with the help of a freelance developer, you can make your website look and function the way you want. And if you use an existing theme, it would be faster and cheaper to finish your project. That is what i would do. You can request quote here or find a freelance developer from https://codeable.io/
Cheers!
Yigit
This reply has been marked as private.
Hey,
In narrow screens (like Ipad`s) the menu is hidden by the logo…
I added the code above but it is not working properly…
http://www.kuleski.co.il/
Please Help :)
Asaf.
yeah, I tried that, I’ve given the section a unique name, referred to it in the custom css, but it only seems to apply on smaller viewports, like ipad or mobile width… when my browser is in desktop it just shows the default height I choose in the editor (for instance 25% height)…
when I make the browser smaller, it refers tot the height in the custom css.
as for the background image: found out that this css did some of the trick for smaller viewports, but not exactly what I wanted…
.avia-section
{
background-size:360%;
}
-
This reply was modified 11 years, 3 months ago by
maggie247.
This reply has been marked as private.