Hi Nicoletta_DUS,
I replied to your previous topics about english/german, would you like to keep communicating in german? If so I’ll tag Andy for your topics. I would recommend you use english though since you will get help much faster.
Regards,
Rikard
Hi,
I currently have 4 buttons under the header and sub heading I just to to add a 5th next to the right of the sub heading. I don’t have a screnshot because the bottom doesn’t exist at present, that is what I am asking you for. Hope this makes sense as I am a designer not a techo so thanks for your patience.
Alright. We just added another button next to the “framed” container. All you need to do is to change the href attribute value and the button title “In Home Care”.
<div class="avia-button-wrap"><a href="http://www.cire.org.au/in-home-care/" class="avia-button avia-icon_select-no avia-color-theme-color avia-size-medium avia-position-left "><span class="avia_iconbox_title">In Home Care</span></a></div>
We also added this css code:
.framed + .avia-button-wrap {
position: relative;
top: 15px;
}
Best regards,
Ismael
Hey!
Glad you found it! Please disable the firewall in Wordfence and check or use an alternate plugin https://kriesi.at/support/topic/recommended-plugins/
Cheers!
Vinay
Hi,
Sorry for the delay. Please add this in the Quick CSS field:
#top .avia-gallery .avia-gallery-thumb a {
width: 20%;
opacity: 1;
display: inline-block;
}
Best regards,
Ismael
Hey connect4consulting,
I’m not sure how you set it up? I’m assuming you are using a color section and set a background image to it. In that case to swap the image in mobile device Please try adding this at the very end of your themes / child themes functions.php file:
Replace “background.jpg” with the correct path to the image.
// Replace color section background
function swap_img(){
?>
<script>
jQuery(document).load(function(){
if ($(window).width() < 768) {
jQuery("#bg-desktop-only").css("background-image", "background.jpg");
}
});
</script>
<?php
}
add_action('wp_head', 'swap_img');
Best regards,
Vinay
Hi,
Please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Edit the cell containing the 4 images, add a custom css class attribute called “custom-cell” for example then add the following css code in the Quick CSS field:
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .custom-cell .av_one_fourth {
width: 20.6%;
margin-left: 6%;
}
}
Best regards,
Ismael
Hey webprodigy,
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 #socket .sub_menu_socket {
display: block!important;
clear : both;
margin-top:1px;
}}
Best regards,
Vinay
Hey there,
When I’m looking at this page on a mobile display, the input fields show up black.
I’ve added this to my CSS and it’s great on a desktop.
#top .footer_color input[type=’text’]
{background-color:white !important;}
Thanks so much for your help.
~Lynn
Hey!
Try adding this code to the Quick CSS:
#top .ui-datepicker-header {
height: 38px;
}
Cheers!
Josue
I was able to fix the collapse but I am still having issues with the changes being saved. The shortcode text/code does not reflect what is shown in the visual composer. On the homepage I removed the top section via the shortcodes but it still appears on the back end of the page
-
This reply was modified 9 years, 10 months ago by
mmheather.
Hi there,
I can’t seem to get the footer/socket menu to show up on mobile.
I tried this with no success: http://kriesi.at/documentation/enfold/display-footer-menu-scroll-to-top-button-on-mobile/
Here’s a link to the site: http://soulbursts.com/soulbursts/
Thank you!
Hello there, first post here, loving Enfold Theme, great job, is there a way to achieve the bottom red notification that you can see at hivelocity.com ?
It took me a while to get back to working on this, but the outcome is as follows: by using absolute positioning and 240px width for the sidebar, it looks fine at desktop size, but as the window is shrunk, the sidebar continues to be 240px wide and obscures part of the content until it gets down to where the menu drops to the bottom. If I use the :after pseudo element with absolute positioning and 100% min-height, the sidebar is only as long as the widgets it contains.
Any other suggestions? BTW, at this point I’m only using a color and not an image for the background, which I don’t think should make a difference.
Thanks.
Hi Yigit
Sorry to open other ticket as the Ticket #638180 is closed now. I have a quick question. Is the suggest #ninja-popup-6071 url for email icon link works only with that popup id or with any other popup, Because when i changed the ID (other popup) it stopped working (nothing happens when click over the email icon) or any other icon in the page.
Am I missing some additional step or CSS??
Thank you very Much
Hi Yigit
Sorry to open other ticket as the Ticket #638180 is closed now. I have a quick question. Is the suggest #ninja-popup-6071 url for email icon link works only with that popup id or with any other popus, Because when i changed the ID (other popup) it stopped working (nothing happens when click over the email icon) or anyother icon in the page.
Am I missing some additional step or CSS??
Thank you very Much
Hey mailworm!
I’m not aware of the spam mails you described but usually spam bot’s target specific sites or a group of sites on a server.
I noticed you are using captcha but may be this one needs a more complex one… try using contact form 7 and a plugin like https://wordpress.org/plugins/really-simple-captcha/
Also notify the hosting company and see if they can stop the spam attacks..
Regards,
Vinay
Hey!
The login URL is not working for the new site.
To hide the default scroll to top icon add the below css
.avia_pop_class {
display: none !important;
}
The plane icon will appear on the text while scrolling as it is a fixed element however it should not affect the readability as users can scroll the content.
If i move it below then it will be on top of social icons so i suggest to you to keep the plane icon in the current location :)
Best regards,
Vinay
Hi,
An extra bit of css is added to correct the button placement. It’s looking good now :)
Please review the site and let me know if you have any questions.
@media only screen and (max-width : 1122px) and (min-width : 768px) {
#footer .avia_ajax_form .form_element_fourth {
margin-top: -12px!important;
}}
Best regards,
Vinay
Hi,
I replied you here – https://kriesi.at/support/topic/align-image/
Please point out the issue that this code fixed so we can provide more accurate solution.
Best regards,
Yigit
That’s odd. I copied your code to the child-theme style.css file and it wouldn’t take. Anyway…I see the pencil is still showing on top of the new graphic. How do I get rid of that?
We have a full screen slider on http://groovedigitalmarketing.com/dec-2014-homepage-demand-generation/ and a full-width easy slide on http://groovedigitalmarketing.com and both have stopped working. The theme is up to date. Please help.
I have created a page in Enfold layout builder looking like this
TB=Text block
This is just a part of the page, the area were we have the problem.
TB1 = “STRATEGIER | ANALYSER
KONKURRENTER & SÖKORD”
First section:
1/3 1/3 1/3
TB1 TB2 TB3
Second section:
1/3 1/3 1/3
TB4 TB5 TB6
Third section:
1/3 1/3 1/3
TB7 TB8 TB9
The first, second and third sections are connected to each others. The text blocks are in different 1/3 cells only to make them aligned. Basically an old school HTML table, created with Enfold Cells.
Hard to explain in words, I provided a link to the page.
So, everything looks great on a desktop/laptop. The problem starts when viewing the page on a mobile. Instead of displaying the page as on laptop with TB1, TB4 and TB7 under each other, it goes like this. TB1 -> TB2 -> TB3 then it jumps down to TB 4.
This makes no sense trying to read the text, as TB1 are connected to TB4/7, TB2 are connected to TB5/8, TB3 connected to TB6/9.
Moving all TB:s to the same 1/3 cells would make it look good on mobile, but not on desktop as it wouldn’t be perfectly aligned.
Is there a way to change in what order the mobile displays the different 1/3 cells/TB:s? Or is there another way to create this page in Enfold and make it look the way we want it too?
Hi hdpcr!
This is the thread – https://kriesi.at/support/topic/image-hover-2/
Instead of opening it, shall we continue here?
Please post links to examples where we can see the issue.
Cheers!
Yigit
Hi
I have 2 questions about this topic
1. I have Footer menu with 3 Links and i don’t know why it wont show up in mobile, only in tablets and PC
2. I have added Email in Social profile and in the url i need to link it to a Ninja Pop up that i have. i have [ninja-popup ID=6071] shortcode witch will pop up to send en email and i don’t know how to link that icon to that pop id. In other pages the following html code works and when click on imge it popups
[ninja-popup ID=6071]
[/ninja-popup]
Thank you very much
Hi,
the next and previous slide out nav items (.avia-post-nav) are back to front in that the one on the right takes you to the previous post and the one on the left takes you to the next post.
I feel this should be swapped around.
If you look at: http://lander.digitalessence.net/projects/ and then click on
http://lander.digitalessence.net/stone-chimney-farm/ 3rd in on top row.
The right hand nav takes you to: CHEQUERS ROAD, MINSTER, SHEPPEY
The left hand nav takes you to: LAND ADJACENT SHEARSTONES, GILLINGHAM, DORSET
The order of the posts is:
1) CHEQUERS ROAD, MINSTER, SHEPPEY 06/05/2016
2) STONE CHIMNEY FARM, CONYER 05/05/2016
3) LAND ADJACENT SHEARSTONES, GILLINGHAM, DORSET 04/05/2016
Thanks.
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
a#advanced_menu_toggle:before {
content: 'Menu';
font-size: 14px;
top: -7px;
position: relative;
}
#mobile-advanced li > a:hover, .html_header_mobile_behavior #mobile-advanced span:hover, .html_header_mobile_behavior #mobile-advanced span:hover a {
background: rgba(227,123,43,0.5) !important;
}
#advanced_menu_toggle, #advanced_menu_hide {
border-radius: 100px;
}
Best regards,
Yigit
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.content, .sidebar { padding-top: 10px; padding-bottom: 10px; }
Best regards,
Yigit