Viewing 30 results - 991 through 1,020 (of 142,835 total)
  • Author
    Search Results
  • #1488064

    Hi Rikard,

    I use Polylang, I finally found a solution with this code in case it helps someone else:

    /**
    * Shortcode para mostrar un menú de WordPress
    */
    function rv_print_menu_shortcode( $atts ) {

    /**
    * Normalize
    *
    * Como medida de seguridad limpiamos los atributos
    * introducidos al escribir el Shortcode.
    */
    $atts = array_change_key_case( (array) $atts, CASE_LOWER );
    $atts = array_map( ‘sanitize_text_field’, $atts );

    /**
    * Atributtes
    *
    * A continuación guardamos los atributos en 2 variables
    */
    $menu_name = $atts[‘name’];
    $menu_class = $atts[‘class’];

    /**
    * Creamos la variable $menu_output que va a retornar todo
    * lo que conforma nuestro menú y llamamos a la función
    * de WordPress wp_nav_menu() y le pasamos como
    * parámetros nuestros atributos.
    */
    $menu_output = ‘<div class=”shortcode-menu”>’;

    $menu_output .= wp_nav_menu( array(
    ‘menu’ => esc_attr( $menu_name ),
    ‘menu_class’ => ‘menu ‘ . esc_attr( $menu_class ),
    ‘echo’ => false
    ) );

    $menu_output .= ‘</div>’;

    return $menu_output;

    }

    add_shortcode( ‘print-menu’, ‘rv_print_menu_shortcode’ );

    Then you add this with the name of your menu anywhere and it appears

    [print-menu name=”prueba”]

    I’ve created the different headers for desktop, tablet, and mobile, and now I’ll include them on the pages with a custom layout.

    That’s it, but I have a problem that might be simple, but I’m going crazy and can’t find the solution. The mobile text is centered, but I can’t get the world image and menu to be centered on the same line like desktop and tablet .

    Could you help me?

    Thank you very much in advance.

    BR,

    Antonio.

    #1488062
    icarogioiosi
    Participant

    Hello everyone.
    We’re using your “Lifestyle Blog Demo” (https://kriesi.at/themes/enfold-lifestyle-blog/) for a project.
    On laptops, post image previews are visible.
    00
    On smartphones, they aren’t displayed, either in portrait or landscape mode.
    01
    02
    What could be the cause?

    #1488060
    Chris mssn
    Participant

    Hello there,

    I am new to the Enfold theme, and also to the coding of forms.
    I made a CF7 form and styled it with the post I found on this forum:
    https://kriesi.at/support/topic/styling-contact-form-7-as-enfold-contact-form/

    Now everything works fine and the layout is perfect in preview.
    2 colums side by side…..

    But when I publish the form, the layout is lost.
    I also have put some styling code in the extra CSS for items in CF7.
    Can someone point me in the right direction?

    #1488051

    In reply to: Enfold theme update

    Hey KJ Charles,

    If you don’t have access to the Themeforest/Envato account which was used to purchase your license, then I would suggest that you purchase your own. Otherwise you will have the same problem each time that you need to update or access the theme files. Once you have access to the theme files, then the update to 7.1.1 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
    You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the theme as if it was new under Appearance->Themes->Add New Theme.
    If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
    Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/

    Best regards,
    Rikard

    #1488049

    I see it’s sporadic – sometimes it lands too low on mobile from the about page on both firefox and safari…I see other threads about it but not sure what the solution was.
    Can you tell me how to have it on PC so the links land at the top of the color section instead of above it like it is now?
    I think my sticky header (height is 80px) is interfering with the position.

    Also – Is it possible to have a transparent header on mobile like I have on PC?

    thanks for your help.
    Nancy

    #1488043

    Hi,

    Please try to read what I wrote earlier again, the margins are applied to the column. Check in the column options and remove the negative margins.

    It looks like you have added a column which contains the heading, that column has a lot of negative top and bottom margin. Please try removing that in the element options.

    Best regards,
    Rikard

    #1488031

    Hey SikoraEDV,

    It looks like you have added a column which contains the heading, that column has a lot of negative top and bottom margin. Please try removing that in the element options.

    Best regards,
    Rikard

    Hey bemodesign,

    Thank you for the inquiry.

    Try using this css code to adjust the height of the caption title.

    #top #wrap_all .avia-slideshow .av-slideshow-caption .avia-caption-title span {
        line-height: 1em;
        display: inline-block;
    }

    Best regards,
    Ismael

    #1488008

    In reply to: Menu changes color

    Hey Antonio,

    Thank you for the inquiry.

    Adding this css code should adjust the color of the hamburger menu on 404 pages and push the main container below the header.

    .html_mobile_menu_tablet .error404 .header_color div .av-hamburger-inner, .html_mobile_menu_tablet .error404 .header_color div .av-hamburger-inner::before, .html_mobile_menu_tablet .error404 .header_color div .av-hamburger-inner::after {
        background-color: #605a57;
    }
    
    .responsive.html_mobile_menu_tablet.html_header_top #top.error404 #main {
        padding-top: 88px !important;
    }

    Best regards,
    Ismael

    #1488007

    Hey Michael F,

    Thank you for the inquiry.

    Try to add this code in the Quick CSS field to adjust the width of the mega menu columns.

    #top #header .avia_mega_div > .sub-menu {
        display: flex;
        flex-wrap: wrap;
    }
    
    #top #header .avia_mega_div > .sub-menu > li {
        display: block;
        width: 25% !important;
    }

    Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings to make sure that the changes take effect.

    Best regards,
    Ismael

    #1488003
    imagestudios
    Participant

    Hi, I have tried about every code provided from previous support topics to remove the date and separator “/” symbol from both the blog module and actual blog post, but no luck. I’ve provided admin access in Private Content for you to look. The latest code I tried was:

    .container .minor-meta {
    display: none;
    }

    #1487983

    Topic: icon color link hover

    in forum Enfold
    Munford
    Participant

    Nevermind I figured it out!
    HI
    I am using icon boxes on my site and am trying to change the color of the inner icon circle from black to #d6d2c9.
    I am using this code but both the text link and icon link still change to black on hover. How can I make it so the text is black and the icon center is #d6d2c9.

    /*====link and icon color hover====*/
    a:hover {
    color: #000000!important;
    }
    #top .av-icon-char:hover {
        color: #d6d2c9!important;
    }

    thanks for your help,
    Nancy

    #1487955
    amollde
    Participant

    Hi Experts,

    I checked my homepage now with the keyboard capabilities for the WCAG Compliance, and I stumble over a hidden picture used presumable by aour code:

    <html lang=”de” class=”html_stretched responsive av-preloader-disabled html_header_top html_logo_left html_main_nav_header html_menu_right html_slim html_header_sticky_disabled html_header_shrinking_disabled html_header_transparency html_mobile_menu_tablet html_header_searchicon_disabled html_content_align_center html_header_unstick_top html_header_stretch html_elegant-blog html_burger_menu html_av-overlay-side html_av-overlay-side-minimal html_av-submenu-noclone html_entry_id_1037 av-cookies-consent-show-message-bar av-cookies-cookie-consent-enabled av-cookies-needs-opt-in av-cookies-user-needs-accept-button avia-cookie-consent-modal-show-immediately avia-cookie-reload-no-accept avia-cookie-reload-accept avia-cookie-check-browser-settings av-no-preview av-default-lightbox html_burger_menu_active av-cookies-session-refused avia_desktop js_active avia_transform avia_transform3d avia-mozilla avia-mozilla-141 no-touch-device pointer-device-fine pointer-device-coarse html_av-submenu-visible” style=”margin-left: 380px;”><head><meta charset=”UTF-8″><meta name=”robots” content=”index, follow”>
    <!– mobile setting–>
    <meta name=”viewport” content=”width=device-width, initial-scale=1″>
    <!– Scripts/CSS and wp_head hook–>
    <title>
    Name of the Website
    </title><meta name=”robots” content=”max-image-preview:large”><style>
    img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }
    </style><script type=”text/javascript”>

    When using the Tab Key on the homepage, it jumps to the accessibility settings first (thats fine) and then as third jumps into the header at the language setting, but this is hidden (and if WP accessibility plugin is used, it cannot circle it, too) so it looks like the Tab is going to nowhere.

    #1487952

    Hi,

    Thank you for the inquiry.

    Did you add this css code? It seems to be the reason why the font size of the post title is much larger on the other site.

    .html_modern-blog #top .post-entry .post-title, .html_modern-blog .avia-content-slider .slide-entry-title {
        font-size: 2em;
        text-align: left;
        letter-spacing: 1px;
    }

    Also, make sure that the Enfold > Blog Layout > Blog Styling and Blog Layout settings are the same on both installations.

    Best regards,
    Ismael

    #1487948

    Hey bemodesign,

    Thank you for the inquiry.

    Try adding this css code to apply top padding to the main container on pages without a transparent header.

    @media only screen and (max-width: 1024px) {
    
      /* Add your Mobile Styles here */
      .responsive #top #main {
        padding-top: 80px !important;
      }
    
      .responsive #top .av_header_transparency+#main {
        padding-top: 0 !important;
      }
    }

    Best regards,
    Ismael

    #1487942
    bemodesign
    Participant

    only on Mobile view:
    I have some page that have “Headline visibility” set to “transparent” and some that are “no transparency”. The one that are “no transparency”, the top gets cut off on mobile. see below screenshot. can I get CSS code for all these page that are getting cut off or a solution? Also attached admin access. thanks!

    https://drive.google.com/file/d/1LD_vfxfdOR2hSYRWpxCk7LtGvei_8uJS/view?usp=sharing

    #1487931

    In reply to: Secondary menu

    Hey Antonio,
    Try this instead:

    #top #wrap_all .sub_menu > ul #menu-item-21 a {
    border: 2px solid #605a57;
    border-radius: 2px;
    padding: 9px 12px 9px 12px;
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1487928

    Hi,
    Try adding this css and change the image URL to a darker one that will show better in the white non transparency header:

    #top #header_meta li.lang-item {
        padding-left: 30px;
    }
    
    #top #header_meta li.lang-item:before {
        content: url(https://39897976.servicio-online.net/wp-content/uploads/2025/07/mundo-3.png);
        position: absolute;
        left: 0;
        top: -5px;
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1487923

    Hi,
    If you are using the sticky header then the menu is already showing, that is why it only moves a little.
    It sounds like you want the user to go to the top of the page, so try this for your text link:

    <a href="#top">menu</a>

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

    Best regards,
    Mike

    #1487919

    Oh, yes, no I see. In German: DESIGN – MENÜS, on top right. “Ansicht anpassen” – for my german colleagues :-)
    Thanks.

    #1487916

    Hey AndreasWinkler,

    Go Appearance->Menus in the WordPress menu. Then click Screen Options in the top right hand corner. That is core WordPress functionality, it’s not theme specific.

    Best regards,
    Rikard

    #1487911
    #1487898
    lorpin
    Participant

    Hello,

    I have set up Google maps within my Enfold child theme and have correctly configured the API keys.

    I have been displaying a Google Maps on my website’s contact page which has been working fine in the past.

    However I have recently noticed that the map no longer displays. Instead I get the following message:

    “Maps were disabled by the visitor on this site. Click to open map in a new window.”

    When editing the contact page, I have ensured that the Google Maps element has it’s conditional load option set to ‘Show Google Maps immediately’, however even with this option selected the map does not load.

    If I deactivate the child Enfold them and active the normal Enfold theme then the Google maps loads straight away, but on the Enfold child theme it does not.

    The theme is fully up to date. I also have Elementor plugin installed and I have deactivated that to see if that fixes the issue but it does not.

    As mentioned before, the map used to display straight away but recently it has stopped.

    If you require any further information to help with your investigations please let me know.

    #1487897

    Topic: Secondary menu

    in forum Enfold
    95mc
    Participant

    Hi Mike,

    I post this topic but I need more help:

    Finally we added this code:

    #top #wrap_all .av_header_transparency .sub_menu > ul #menu-item-21 a {
    border: 2px solid #ffffff;
    border-radius: 2px;
    padding: 9px 12px 9px 12px;
    }

    I have tried to do the same with the regular header non transparency but it no works:

    #top #wrap_all .av_header .sub_menu > ul #menu-item-21 a {
    border: 2px solid #605a57;
    border-radius: 2px;
    padding: 9px 12px 9px 12px;
    }

    Could you help me?

    Thanks advance,

    BR,

    Antonio.

    #1487894
    AndreasWinkler
    Participant

    Hello, I do not find the page “Screen options” (Appearance – Menu). Can you please explain where I can find it in the wordpress dashboard? I searched in all Enfold theme options…

    “Pages, Posts, Products, Tags, Custom Links, Categories and much more can be added to the menu items. First, enable the required boxes from the ‘Screen options’ on the top right of the Appearance > Menu page to be able to add them to the menu.”

    #1487889

    Hi Ismael,

    Thank you for the updated script. It works fine!

    Please mark this topic as resolved.

    #1487879

    I think this symbol appears when an image or file cannot be found.

    Edit : now i have inspected your page with dev tools – my pages with full-width easyslider and video inside as list item – looks totaly different to your DOM.

    I got this <div id="mep_0" … container inside <div data-rel="slideshow-1" class="avia-slide-wrap " ….with all the video instructions inside

    Ah ok : this seems to be a matter if the inserted url is a relative url and not an absolute url.
    by the way it seem to be the only way to show the video on iPhones by relative urls – but than a message is shown : av-fallback-message if there is no fallback image.

    so try: let there be the relative url to your video – do not enter a fallback image and:

    #top .av-fallback-message,
    #top .av-fallback-message + img {
      display: none !important;
    }

    or if you do not like to use the Sibling Combinator :

    #top .av-fallback-message {
      display: none !important;
    }
    .avia-slideshow li img[src*="undefined"] {
      display: none !important;
    }

    Hi Ismael,

    Ah, a touch annoying!

    For sure, the screenshots are in my original post – https://kriesi.at/support/topic/custom-layout-shortcode-in-product-description-doesnt-work/#post-1487682

    Test product page is: https://signosaur.com.au/product/x-banners-print-only-test/

    Or if there’s some other custom code I can use in the code editor instead to achieve the same thing, I’m more than happy to do that way? :)

    Many thanks,
    Sarah

    #1487859

    In reply to: Iconbox Icon Smaller

    Hi,
    I believe that I found the error in the css, this instead:

    #iconstyle .iconbox_icon.avia-svg-icon img[is-svg-img=true],#iconstyle .iconbox_icon.avia-svg-icon svg:first-child {
        height: 0.3em;
        width: 0.3em;
        top: -10px;
        position: relative;
    }
    
    #top #iconstyle .avia-font-entypo-fontello, body #iconstyle .avia-font-entypo-fontello, html body #iconstyle [data-av_iconfont='entypo-fontello']:before {
        font-family: 'entypo-fontello';
        line-height: .3em;
        display: block;
        top: 0;
        position: relative;
        font-size: 0.3em;
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1487842

    Hi,

    I dont see any changes in checkout. It must looks like sk domain: https://img.savvyify.com/image/2025-07-30-07-55-14-SSK.yy4aO

    Beside this, homepage on test.stoporex.cz is broken.

    Regards

Viewing 30 results - 991 through 1,020 (of 142,835 total)