Hi hodgsondesign!
I checked your site on safari and the top menu submenu works fine. Please remove browser cache then reload the page.
#header_meta {
z-index: 2 !important;
}
Best regards,
Ismael
This reply has been marked as private.
Hey Iano999!
It’s not happening for at least 1500px in width. Please try to add this on your custom.css or Quick CSS:
@media only screen and (min-width: 1601px) {
.av-masonry-container.isotope {
margin-left: 10%;
}
}
Please give us a link to the actual website.
Best regards,
Ismael
Hey!
Not sure if he fixed a typo or edited the post to change it out completely but we tend not to leave incorrect code in any post just in case someone doesn’t read all the way down a topic before trying to use some css or code snippets.
Either way glad its working for you now :)
Cheers!
Devin
Hey!
The hack from Josue is unfortunately somewhat limited. Changing out the menu as well and hiding it on desktop to get a whole different mobile on/off switch that completely changes things would need to be done by a freelance developer.
The toggleClass is pretty straightforward but the combined effects will need testing and then to be packaged into a form that will keep it from being lost on theme updates to be really done correctly.
Regards,
Devin
Hi mhiller!
You also have this which is what sets the font to Droid Serif for the whole body of your site:
body{
font-family:'Droid Serif', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
You could target the menu links specifically with however:
#top .main_menu .menu li a {
font-family: 'Droid Sans';
}
Cheers!
Devin
I thought I had found the problem, but I am still having trouble with the the default font set up in “Styling” in the General Tab: Heading Font: Droid Sans; Body Text: Font: Droid Serif. The correct fonts show up in the Styling preview pane, but not on the site (Header is a “serif” not a “sans serif” font):
http://www.nexuscontentlab.com
The only CSS changes I have done are these in Quick CSS:
h1, h2, h3, h4, h5, p {
text-transform: none !important;
}
@media only screen and (max-width: 767px)
.responsive #top #header {
position: fixed;
}
}
I purged browser cache and the fonts are still wrong. I am using the enfold child theme, I have not changed the enfold child style.css file.
Thanks, Mike.
@PPCHound – Since you have a separate topic open on the same issue we’ll address yours directly there.
I’ll mark this as closed for now. If either of you have continued individual issues just make a new topic and we can address it there.
Hello,
I am creating some custom shortcodes for the enfold theme. I mostly have them working, but I am not an expert with php, so most of my work has been trial and error / copy and paste from other shortcodes.
For this shortcode, I am basically taking the image shortcode and adding a title to it. Everything displays fine on the front end, but there is a weird bug I can’t quite figure out. Let me explain:
When I first click edit page, I see the element as I intend in the Advanced Layout Builder. Once I click to edit the element and click save, the layout changes. I lose the title, and two images appear stacked on top of each other.
Before on the left, after on the right:

I am guessing it is something to do with the code in the Editor Element Section, here is my code from that section:
function editor_element($params)
{
$template = $this->update_template("src", "<img src='{{src}}' alt=''/>");
$img = "";
if(isset($params['args']['src']) && is_numeric($params['args']['src']))
{
$img = wp_get_attachment_image($params['args']['src'],'large');
}
else if(!empty($params['args']['src']))
{
$img = "<img src='".$params['args']['src']."' alt='' />";
}
$params['content'] = NULL;
$params['innerHtml'] = "<div class='avia_photo_nav_square avia_photo_nav_square_style avia_hidden_bg_box'>";
$params['innerHtml'] .= "<div ".$this->class_by_arguments('align' ,$params['args']).">";
$params['innerHtml'] .= " <span {$template} >".$params['args']['title'].": </span>";
$params['innerHtml'] .= "<div class='avia_photo_nav_square_container' {$template}>{$img}</div>";
$params['innerHtml'] .= "</div>";
$params['innerHtml'] .= "</div>";
$params['class'] = "";
return $params;
}
Thanks for any help you can provide!
D
This issue seems to be back again – https://kriesi.at/support/topic/small-top-navigation-drop-down-not-working/#post-169820
I have tried adding that fix and it doesn’t work. This is happening on Safari at http://www.tomhodgson.co.uk
Thank you
Hi Superbobrik!
It’s possible, but a little buggy, please take a look: https://kriesi.at/support/topic/avia-builder-nesting-inside-tabs-possible/
Best regards,
Josue
Hi Guy!
Try adding this too:
.header-scrolled li#menu-item-3512 a {
margin-top: 23px;
}
Best regards,
Josue
Hello!
I have similar problem to https://kriesi.at/support/topic/wordpress-seo-yoast-breaks-page-editing/
I cant edit page after activating plugin, nor edit meta-fields.
Help, please.
http://kino-casting.ru/
-
This topic was modified 12 years, 4 months ago by
Devin. Reason: Removed login data - Only post login data as a private reply to your topic
I installed Enfold.
When i use postnames as permalinks, It eventually stops working.
If I put It back to default (I don’t want that), everything works.
Please help.
my language switcher issue is solved.
Thanks
Hey mariocarabotta!
Open js/avia.js.
Go to line 696:
sublist.stop().animate({opacity:0}, function()
Replace it by this:
sublist.stop().delay(300).animate({opacity:0}, function()
That will add a delay of 300 milliseconds before disappearing. You can change that number if you want it slower or faster.
Best regards,
Josue
I have custom menu in a widget area in the left column on my pages and I can’t seem to remove the bullets, I searched the forum and tried the code below.
#top .widget_nav_menu ul ul li:before {
content: “”;
}
Can I change the colors for different menu widgets?
Thanks
Frank
Hey JRUp!
Please refer to this post https://kriesi.at/support/topic/back-to-top-button-broken/#post-179730
and let us know if issue remains
Cheers!
Yigit
Hi supervga!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#top .fullsize .template-blog .blog-meta, .related_posts { display: none, }
I am not familiar with Portfolio Slideshow plugin, you may need to hire a freelance developer to achieve what you would like to achieve if you really need it :)
Cheers!
Yigit
Blog image for single author small preview now shows image at the top of the the blog post when viewing the single post. Is there a way to stop this? Previously it did not show and my blogs are created were created with that in mind…I would rather not have to edit a couple of hundred of posts.
The images are optimized for web but with say 100 images at 500kb it is still 50mb total per say on the page at once. It is curious how if the same images load super fast on page as static images all at once, they are so much slower in the masonry script.
Oh well I will play with the images and see if I can get it faster. The trouble for everyone wanting to display large images, if you want to open 1500 pixel images in light box you have to upload them that large so its available. I just wish the masonry script only loaded smaller thumbnail images like your gallery script does, and then feeds the full size image upon request from the lightbox. that would presumably fix the issue, maybe. But that is only an uneducated observation/assumption.
————————————-
On another note. when I inspect my page with the masonry gallery an look under resources I see 1 of each image that is in the gallery. The full size image. And if I drag and drop on any of the thumbnails visible in the gallery the image that is copied to the desktop is the full size image. you can also open the lightbox and drag and drop that image to and it is the full size image.
The behavior on your demo is different. If you go to kriesi-shortcodes-masonry gallery and inspect that page and look at the resources there are 2 of each image loaded one full size at 1030 px for example and then a thumbnail at 705px for example. and if you simply inspect the code of the gallery you see that the smaller thumbnail is being loaded in the gallery by default. If you drag and drop this image off you get the smaller thumbnail as expected. But the big difference on your sample is that if you open the lightbox you get the full res image, great. It however is not drag and dropable.
So big questions.
1. Why is your lightbox image not drag/drop compatible and the one in the them is?
2. Your sample is the optimal behavior and why it is likely faster. presenting thumbnails and only full res upon request from the lightbox. How do we get this same behavior in our themes. your masonry script must be different than the one loaded in the theme pack for 2.4.1
Can this be addressed please. thankyou
Hi Yigit
Thanks, that fixed it. The issue was that I was using a child theme and hadn’t updated footer.php since a few updates a go.
Regards,
Rob
This reply has been marked as private.
Hi!
You need to target that #map and then the container inside of it as well:
#map .container {
width: 100%;
padding: 0;
margin: 0;
}
#top #main #map.avia-section .template-page {
padding: 0;
}
Best regards,
Devin
Actually, when I put #top before the css it works ok so I guess something is stopping it unless I put top. Anyway, all ok now, thanks again
Andrew
Hey, please close this topic.
If anybody have the same problem, I found the following method.
Open your 404.php (inside Enfold) and insert the following code on top:
<?php
header(“HTTP/1.1 301 Moved Permanently”);
header(“Location: “.get_bloginfo(‘url’));
exit();
?>
Now it redirects every 404 to http://domain.com
Erase it after Maintenance is finished…
Hi websitegurus!
1) Please add following code to Quick CSS in Enfold theme options under Styling tab
.av-masonry-container { background-color: red; }
2) You can request it here https://kriesi.at/support/topic/enfold-feature-requests/
Someone recently requested that as well
Best regards,
Yigit
Hi. I think after an update the arrow that appears when you scroll down and allows you to go to the top of the page, disappeared. I can see the square that contains the arrow, but not the arrow.
May I have missed a file or something? I just replaced the whole thing.
The url of my site is: http://www.uptimedia.com
Thanks.