Viewing 30 results - 16,981 through 17,010 (of 141,901 total)
  • Author
    Search Results
  • #1326634

    Hallo,

    @media only screen and (max-width: 767px) {
    .responsive #top #wrap_all #header {
        position: fixed!important;
    }}

    Wenn ich diesen Code verwende, dann ist der Header über der Webseite und verdeckt den oberen Teil des Content.

    Wie kann ich das beheben?

    #1326628
    Jui
    Participant

    Hallo,
    ich hoffe ich kann auf deutsch schreiben.

    Ich habe Enfold als Child eingerichtet und brauche jetzt auch einen Rahmen um die gesamte Webseite.
    In Ihrem Support Forum habe ich einige Hinweise gefunden, die haben noch nicht geholfen.

    /*zusätzliche Rahmen Infos*/
    #header_main 
    { border-top-width: 15px; }
    #header_main 
    { border-left-width: 15px; }
    #main
    { border-left-width: 15px; }
    #footer_main
    { border-bottom-width: 15px; }

    Nur im Header wir der Rahmen auf 15px gesetzt sonst leider nicht.
    Der Rahmen soll außen umlaufend werden in weiß!

    Wäre schön wenn Sie einen Tipp haben.
    Danke

    • This topic was modified 3 years, 9 months ago by Jui.
    #1326602

    Hi schweg33,

    Please try adding this CSS code in Enfold > General Styling > Quick CSS:

    @media only screen and (max-width:767px) {
        #top .av-subnav-menu > li {
            padding: 15px 0 0;
        }
    }

    Best regards,
    Nikko

    #1326598

    In reply to: transparant textblock

    Hi,

    Great, I’m glad that you found a solution. Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

    #1326591

    Hi,

    Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    #1326590

    In reply to: Code Block usage

    Hi,

    Again, we kindly ask that you open another thread for new inquiries. This is to keep the thread relevant to the original topic and it will also make it easier for other users who might be looking for the same answer. We also recommend opening a single thread for each inquiry.

    Thank you for your understanding.

    Best regards,
    Ismael

    #1326589

    Hi,

    Thanks for the update. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    #1326576

    In reply to: Problems with Forms

    Hi Robert,

    We’re glad that you found that option, but that option basically tells the size of the input field in a row whether it’s full-width or one-half, etc.
    I would suggest instead to use full-width instead then just add this CSS (to limit the maximum width of the field to 420px):

    #top div .av-dark-form .input-text, 
    #top div .av-dark-form input[type='text'], 
    #top div .av-dark-form input[type='input'], 
    #top div .av-dark-form input[type='password'], 
    #top div .av-dark-form input[type='email'], 
    #top div .av-dark-form input[type='number'], 
    #top div .av-dark-form input[type='url'], 
    #top div .av-dark-form input[type='tel'], 
    #top div .av-dark-form input[type='search'], 
    #top div .av-dark-form textarea {
        max-width: 420px;
    }

    As for templates, the templates for the entire page does not remove the reset the page and place the template but it just adds it, so it can also be used.
    But what you are looking for is Custom Element Templates, please refer to our documentation: https://kriesi.at/documentation/enfold/custom-element-templates/

    As for the form issue, can you give us temporary admin access? so we can try to check it.
    Just post the credentials in private content.

    Best regards,
    Nikko

    #1326532

    But this will not stack properly on mobile

    All the images will appear first – see top block – http://alexandere24.sg-host.com/

    The solution I had (bottom block) was better but I do not know how to make the bottom section overlap the image (meaning the white background should be on top of bottom of the image, the white background is going behind the image) – http://alexandere24.sg-host.com/

    Hi Tommy,

    Great, I’m glad that we could help you out, and thanks for the kind feedback :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    Hi,
    The extra space under the sliders is due to the wp-smush-pro plugin’s lazy loading option, disabling this option should solve.

    Best regards,
    Mike

    #1326488

    Dear Kriesi-Team,

    I am experiencing the same issue as found in some other posts, but I do not manage to find the right answer for my case. Hope you can help me!

    On larger screens, Desktops & Tablets in landscape (min-width: 991px), I use the full-width menu, incl. sticky header. On one page I use anchor links as menu items. The positioning on Desktops and Phones was not perfect (i.e. heading to close to sticky header (Desktop) or browser-URL (Phone)), so I used the separator line above the heading as anchor point. This is for now satisfying.

    However, these anchor links disappear behind the sticky header on Tablets in landscape (max-width: 1366px).

    I noticed that probably the scroll offset value for Tablets in landscape should be changed. I don’t know which code should be placed where. I will give you access to the website in the private content.

    Thank you so much for your help!
    Best regards, Cornelie

    Hi Nikko,

    this works perfectly now!

    Thank you very much – this is really top support here!

    Best regards,
    Tommy

    #1326480

    Hi,

    Great, I’m glad that we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    #1326479

    In reply to: License Key

    Hi,

    Thanks for the update. Where exactly did you get that notification?

    Please refer to this on how to fix the missing footer: https://kriesi.at/support/topic/missing-footer-after-updating-to-enfold-4-8-6-3-please-read-this-first/

    Best regards,
    Rikard

    #1326477

    In reply to: Masonry gallery gap

    Hi,

    Thanks for the update. Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

    Hi,
    I’m glad that we have your demo import sorted out, we ask that each thread stays on one topic and for new questions please create a new thread and we will gladly try to help you there. This thread is already 18 posts long, thank you for understanding.
    I believe that you are referring to an image like the background images under the titles “Our Menu”, “Contact Us”, & “Reservations” in your One Page Restaurant Demo, these are the background images for the color sections and are using the parallax effect, please see our documentation about the Parallax Effect, you can also examine the settings in these color section example on your site. The actual import is just like any other image in the media library. Please note that the parallax effect doesn’t work on Safari browsers like on the iPhone or iPad, this is a known issue that Apple will address.
    If I have misunderstood your question please create a new thread and explain in further detail and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

    #1326459

    Hi Ismael,

    Thanks for the quick answer. I already had that second option set (load only used elements).

    So, let me rephrase the question: is the code I have now in my functions.php obsolete when using this option?
    And even more importantly, does it also disable the backend (admin area) loading of the Google Maps mess? :-)

    Regards,
    Rob

    P.S.
    The reason I’m asking again is that with the code mentioned above commented out, but the option “only load used elements” set, I still see this in QueryMonitor in the admin:

    Footer:
    https://maps.googleapis.com/maps/api/js?v=3.45
    wp-content/themes/enfold/framework/js/conditional_load/avia_google_maps_api.js
    wp-content/themes/enfold/framework/js/conditional_load/avia_google_recaptcha_front.js

    So it’s almost the same question for Google ReCaptcha, which I do not use at all. Why is it loading at all here?

    Added info 2021-10-26 14:52
    Even stranger, on an exact copy for DEV of that DEVsite, one has the maps script in the backend and the other doesn’t… ?
    Also found this:

    July 22nd 2020 – Version 4.7.6
    added: filter avf_skip_enqueue_scripts_backend_grecaptcha: supress loading of Google reCaptcha scripts in backend

    and this:

    https://kriesi.at/support/topic/proper-method-to-disable-google-maps-in-enfold/

    • This reply was modified 3 years, 9 months ago by rob2701.
    #1326458
    FamalcoGroup
    Participant

    To whom it may concern,

    My footer for my website is looking great on desktop, but on mobile its not.

    Basically for desktop I am splitting my footer into 2 columns. Now when viewed on mobile obviously they are stacking but theyre not aligned.

    Is there a way I can tackle this only on mobile ?

    View post on imgur.com

    I would like to have everything centered

    #1326456

    In reply to: Masonry gallery gap

    Thanks
    that did it for the left hand side gap on desktop on the gallery.

    #1326455

    In reply to: Mappress Plugin

    Hi Rikard,

    I’ll be more specific: the plugin has been generating maps on portfolio pages for years. The screenshot with the existing button is also from a portfolio page. In the portfolio admin in the metabox “Portfolio Additional Settings” the Mappress button also appears in the editor. https://www.dropbox.com/s/dxcoy5vsfmwvm2f/Portfolio-Additional-Settings.png?dl=0
    The button is only suppressed where I need it, in the Layout Builder editor. Why? How can the problem be solved?

    The plugin developer says:

    MapPress doesn’t restrict the button to any particular editor, so I can’t say why it’s suppressed. You can ask Enfold support if they can make a suggestion.http://mappresspro.com/chris-contact

    https://wordpress.org/support/topic/enfold-theme-7/#post-15005307

    Best regards,
    Günter

    Hey domchocolate,

    Thank you for the inquiry.

    We have checked the lightbox on a browser device emulation and it seems to be working correctly. If you need to prevent the document from scrolling and make sure that the container appears at the center of the document, please try to replace the script with the following code.

    function av_open_inline_popup(){
    ?>
    <script type="text/javascript">
    (function($) {
    $(window).on('load', function(){
    	$('.open-popup-link').addClass('no-scroll');
    	$('.open-popup-link').magnificPopup({
    		type:'inline',
    		midClick: true,
    		callbacks: {
    			beforeOpen: function () {
    				$('body').css("overflow-y", "hidden");
    			},
    			close: function() {
    				$('body').css("overflow-y", "auto");
    			},
    		},
    	});
    });
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'av_open_inline_popup');
    

    Thread: https://kriesi.at/support/topic/lightbox-17/

    Best regards,
    Ismael

    #1326448

    Hey estleman,

    Thank you for the inquiry.

    Meta info are disabled by default in the List Layout – Simple option, but you can modify the template files to display them back or add a few css to override the style. To display the categories back for example, you can use this css code.

    #top .av-blog-meta-category-disabled .minor-meta.blog-categories, #top .av-blog-meta-category-disabled .text-sep-cat {
        display: block;
    }
    

    Make sure that the meta info are enabled in the Enfold > Blog Layout > Blog meta elements settings.

    Best regards,
    Ismael

    #1326445

    Hey navindesigns,

    Thank you for the inquiry.

    Is it working correctly when a default theme is activated? We tried to create a signature using the field on a device emulation but it seems impossible because the whole document moves or scrolls when we start to draw a line.

    Screenshot: https://imgur.com/XqXTTdB

    It works fine on desktop.

    Best regards,
    Ismael

    #1326444

    Hey navindesigns,

    Thank you for the inquiry.

    You can add two rows with 3 columns. In the first row, add the images and icon boxes in the second row. You can then pull the second row upwards and make it overlap with the first row by applying negative top margin to the columns. To make the columns in the second row smaller or thinner than the rows in the first column, apply a padding to them or control the width using custom css.

    Best regards,
    Ismael

    #1326434

    Hi Kati,

    Thanks for the update. I still can’t see any problems with the Layout menu on my end, could you try a private or incognito browser window to see if that helps please?

    About the missing logo; which solution did you try? Did you check this thread? https://kriesi.at/support/topic/hotfix-for-the-missing-logo-issue-on-enfold-4-8-6-4/

    Best regards,
    Rikard

    #1326433

    In reply to: Favicon + Mobile Menu

    Hi pamk21,

    We’re glad that we are able to help. :)
    As for your last request, please add this CSS code in Enfold > General Styling > Quick CSS:

    @media only screen and (max-width:1024px) {
        .responsive #top #wrap_all .main_menu {
            top: 0;
            left: auto;
            right: 0;
            display: block;
        }
    
        .responsive #top .av-main-nav .menu-item {
            display: none;
        }
    
        .responsive #top .av-main-nav .menu-item-avia-special {
            display: block;
        }
    }

    Hope it helps.
    Clearing cache might be needed as well.

    Best regards,
    Nikko

    #1326422

    Hi Johan,

    Thanks for the screenshots and login credentials.
    I do see a red text color instead of grey, have you changed it?
    As for the request, On hover the text should be bold + preferably 2 px bigger, please try adding this CSS code in Enfold > General Styling Quick CSS (submenu default font size is 12px):

    #top .av-main-nav ul a:hover {
        font-size: 14px;
        font-weight: bold;
    }

    Hope this helps.

    Best regards,
    Nikko

    #1326421

    In reply to: Problems with Forms

    Hi Chiefi,

    How do I copy a form and use it in a different layout element? I saved it as a template and don’t know how to find the templates and paste them somewhere else.
    If you are using Templates then you can just click on Templates and a dropdown with the names of the templates should appear, just click it and it should add to the content, you’ll just need to drag it to the location where you want to place it.
    You can also use Custom Elements for it.

    How do I keep the contact form from stretching the entire width of the webpage. References made to “edit form element” but all the search results and YouTube videos skip over exactly how this is done or show a solution that worked in the previous version 3-4 years ago.
    Forms usually cover the whole width of the container, you can try to use columns like 1/2 to limit it’s size.
    Or you can add this CSS code in Enfold > General Styling, to limit the maximum width (just change the value):

    #top .avia_ajax_form fieldset {
        max-width: 500px;
    }

    The name of the form is not being used. Instead, the name of the webpage is being used for the name of the form? Also, how do you format the name of the form?
    Form Title seems to show properly as it should, is this the field you are referring?

    Best regards,
    Nikko

    #1326414

    Hi MikeTandySwag,

    Can you try adding this CSS code in Enfold > General Styling > Quick CSS:

    #top .mejs-container {
        width: 100% !important;
    }

    Hope it helps.

    Best regards,
    Nikko

Viewing 30 results - 16,981 through 17,010 (of 141,901 total)