Viewing 30 results - 78,151 through 78,180 (of 142,926 total)
  • Author
    Search Results
  • #809388

    Thanks a lot, this works great for me on desktop devices. For my iphone 7 it looks like this:

    View post on imgur.com


    A friend checked with his 7+ and iPad and he also has problems there. 7+ seems to be the same as mine but heres a example with the ipad:

    View post on imgur.com


    he clicked on anchor point #2 (see link in private content).
    Would be great if you could help me to fix this finally!

    #809387

    Hey erhan,
    Mobil cihazlardaki sekme bölümünün başlıklar için arka plan renginin olmadığını görüyorum
    postimage
    Başlıkları arka plan rengini verecek şekilde bu CSS’yi oluşturdum, Bu kodu Genel Stil> Hızlı CSS alanında deneyin:

    @media only screen and (max-width: 767px) {
    .responsive #top .main_color .tabcontainer .active_tab, .tab.fullsize-tab {
        background-color: #c0d6db!important; 
        color: #ffffff!important; 
        border-width: 0 0 5px!important; 
    }}

    postimage
    Enfold’u kullandığınız için teşekkür ederiz.

    Best regards,
    Mike

    #809375

    Hey chrisguess,
    Try adding your Advanced LayerSlider first, then a “Code Block”, then your other elements.
    In the Code Block add this code:

    <a href="#next-section" title="" class="scroll-down-link" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></a>

    Then in your General Styling > Quick CSS field:

    .avia-layerslider {
    z-index: 1;
    }
    #top .scroll-down-link {
    top: -130px;
    }

    Save and that’s it :)
    postimage
    postimage
    Best regards,
    Mike

    #809373
    ccyran
    Participant

    Hey guys!

    Is there CSS to stop the masonry gallery from stretching fullscreen after a width of 1600px?

    Thanks!

    #809365

    Hi,
    Try this for a search on your mobile: https://kriesi.at/support/topic/search-icon-on-mobile-3/#post-770932

    Best regards,
    Mike

    #809355

    In reply to: Anchors

    Hey Krissie,
    Perhaps this will help: https://kriesi.at/support/topic/link-to-tab-in-tab-section/#post-763509

    Best regards,
    Mike

    #809346

    Hi,
    Try adding a class to the anchor element with a offset height as the padding-top value.
    The anchor link:

    <a class="anchor" name="one">Link One</a>

    The css:

    .anchor { padding-top: 90px; }

    Or
    perhaps this plugin: https://wordpress.org/plugins/hash-link-scroll-offset/

    Best regards,
    Mike

    #809342

    Topic: Search in top header

    in forum Enfold
    Maciej
    Participant

    Hello.
    I would like to have search field in top area of my page. Right now, i managed to get it working using other posts here.
    I used widget method (http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/) to get widget bar on top of my page and then search widget inside.
    Then i used styles to get this in place:

    #header .widget {
        left: 50%;
        padding-top: 10px;
        width: 250px;
        position: relative;
        top: 0;
        transform: translate(-50%);
        z-index: 999;
    }
    
    #search-2 {
        padding-bottom: 5px;
    }
    
    #top #searchform .ajax_search_response {
      z-index: 999 !important;
      background: white;
    position: absolute;
    }
    
    .header-scrolled #search-2 { 
        display: none; 
    }

    Most of it works but:

    1. Im not sure if position: relative is ok for mu widget and position: absolute is ok for results. If I set position: absolute (as you mentioned in one of the posts (https://kriesi.at/support/topic/issues-related-to-search-bar/) my widget is over menu and doesn’t work like top bar (with phone and social icons). When I remove position absolute from search_response, search results are moving whole page down.

    2. How can I manage to get my search bar to behave like top bar (with phone, mail and phone) ?
    3. If you type something into search, and get some results, field with results stays forever open. How can I make it to diaper after clicking outside?
    4. How can I change that sidebar (or append it to top bar) to behave like top bar? It stays on top of main menu, it hides when user scrolls down (or get nice animation/transition like I have in main menu/logo area).

    Im not sure if this method is the best one, I would like to get this to work without messing with code too much to avoid any problems. All is done inside functions.php:

    add_filter('avf_form_message', 'avf_form_message_mod_checkbox', 10, 3);
    function avf_form_message_mod_checkbox($message, $new_post, $form_params) {
    	$message = str_replace('true', 'Tak', $message);
    	$message = str_replace('false', 'Nie', $message);
        return $message;
    }
    
    add_action( 'ava_main_header', 'enfold_customization_header_widget_area' );
    function enfold_customization_header_widget_area() {
    	dynamic_sidebar( 'header' );
    }

    This is almost done but need some polishing :)

    Thank you very much!

    Best regards
    Maciej

    #809341

    In reply to: SKU Positioning

    Thank you for your answer Mike, but unfortunately it didn’t work… the elements still are overlapped.

    I am using the following css code:

    span.sku_wrapper {
    display: block;
    font-weight: bold;
    position: absolute;
    top: -500px;
    }

    .product_meta {
    position: absolute!important;
    top: 750px!important;
    }

    I am waiting your support.

    Best regards,
    Nick

    #809338

    Hey Andrea,
    Here is an example: https://kriesi.at/support/topic/custom-image-overlay-on-images/#post-486180
    and another: https://kriesi.at/support/topic/change-image-on-mouseover/#post-310616
    On the most part, you will need to do this for each element you want this effect for, there’s no standard for uploading two images for all image elements.
    Please feel free to request – or vote if already requested – such feature on Enfold feature request form.

    Best regards,
    Mike

    #809332

    Hi,
    The spacing is from both elements, top and bottom. The page in your link didn’t look like your image, but I reduced the spacing anyways. Try this code in the General Styling > Quick CSS field:

    .avia-section-huge .content {padding-bottom: 10px!important;}
    #av_section_2 .container .content {padding-top: 0px!important;}

    Best regards,
    Mike

    #809331
    fionalea
    Guest

    Hi there
    I am getting an error message on my site as a result of inserting some code as suggested by an earlier support post in the Functions.php file:
    https://kriesi.at/support/topic/password-protected-page/

    This is the error message:
    Parse error: syntax error, unexpected ‘=>’ (T_DOUBLE_ARROW) in /home/filosoph/public_html/wp-content/themes/enfold/functions.php on line 95

    Can you please help?

    Thank you, fionalea

    #809325

    Should I downgrade it then? I have no idea. It worked before. Suddenly stopped working.
    Do you want me to downgrade it?

    #809295

    In reply to: SKU Positioning

    Hi,
    Try this code in the General Styling > Quick CSS field:

    .template-shop .product_meta{position: absolute!important; top: 750px!important; }

    Or you could try editing your copy of wp-content/themes/enfold/config-woocommerce/woocommerce-mod.css and changing these two lines, but if you do this you should use a child theme: Read about it & Get it here
    postimage

    Best regards,
    Mike

    #809278

    Hello Rikard,

    Thank You for your quick support.

    URL:

    I tried the following elements thru CSS code, but it controls both Regular & Sale price and not separately.

    #top .price, #top .price span, #top del, #top ins {

    I am waiting your answer.

    Thank You in advance,

    Best Regards,
    Nick

    Hi lami4d,
    Work through your CSS files one by one and exclude the offending CSS file from minification that is causing the flash.
    I tried 5 or so plugins for both CSS and JS minification.
    For me, The best results were from WPMU DEV Humming Bird, which compressed without causing too many display errors.
    Humming Bird also allows you to defer CSS as JS to the header or footer. I know it’s a paid plugin. But it gave the best results.

    I also took my speed optimisation one step further by pre-compressing both JS and CSS file in the parent theme. Keeping both the original and a compressed version. However, I would need to repeat this process every time I upgrade ENFOLDS.
    I have suggested to Kriesi that precompressed resources should also be available with the theme. There are too many display issues caused by third-party minify plugins for a one click suit all scenario. One day hopefully.

    I have posted my optimisation results here – https://kriesi.at/support/topic/enfold-vs-avada-speed-test/
    I plan at some point to provide an in-depth guide. Don’t hold your breath.

    1. Don’t minify any existing CSS files that already have .min.css
    Exclude from minify, however, you can still combine these CSS files.

    2. Don’t minify, but combine.
    jquery-core :: wp-includes/js/jquery/jquery.js

    3. There are 3 main files that I found, that if ‘combined’ caused display issues with ENFOLDS
    avia-scs :: enfold/css/shortcodes.css
    avia-layout :: enfold/css/layout.css
    avia-dynamic :: dynamic_avia/enfold_child.css

    To remove the flash – You could also try – Above the fold CSS.
    Remove all CSS minification.
    Render the page
    Then get your above the fold CSS for the home page.
    Try this: https://jonassebastianohlsson.com/criticalpathcssgenerator/
    Or there is a chrome extension – Critical Style Snapshot
    Move a copy of header.php from themes/enfold/ to themes/enfold-child/ then add the above the fold CSS to the header.php file just before the </head>

    <style type="text/css" id="above_the_fold" media="all">
    Insert above the fold css here 
    </style>
    </head>

    All CSS required to render the page successfully has been added to header.php
    You can then try to turn your minification back on – to see if you still get the flash.

    The only other tip I can add … Page Speed Insights.

    Leverage browser caching
    https://www.google-analytics.com/analytics.js (2 hours)

    There are a lot of suggestion on how to get around this, but they are all complicated. The easiest method to solve Leverage browser caching for Google Analytics is too….
    1. Install Google Tag Manger.
    2. Implement Google Analytics via Google Tag Manager
    3. Remove your legacy Google Analytics.

    I found this video series very informative.

    Thanks – Julian Juenemann from Measureschool

    Let me know how you go

    #809245

    In reply to: Center logo on Mobile

    Hi Sarah,

    The site is http://www.waddoup.com
    On desktop the logo is centered.
    Please look at it on mobile and you’ll see the logo is not centered. Instead it is pushed to the left.

    Thanks

    #809244

    Hi,

    We’re glad that you’ve worked it out! Do you need further assistance with this topic, or can we close this thread?

    Cheers!
    Sarah

    #809237

    Hi,

    Thank you for the feedback! Yes, it would be best to add this as a feature request. Please do remember that there is no guarantee when this will be implemented. Thank you for your patience.

    Do you need any help with this topic, or can we close this thread for now?

    Best regards,
    Sarah

    #809224

    Hey Octopus4444,

    Could you please provide us with a temporary admin login so that we can take a closer look? You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    Hi,

    Great, glad you found the problem and thanks for sharing. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    #809215

    Hi,

    Glad 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

    #809211

    In reply to: SearchWP with enfold

    Hi,

    Glad 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

    Hi,

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

    Best regards,
    Rikard

    #809189

    Hi,

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

    Best regards,
    Rikard

    #809174
    mleite1
    Participant

    I can not install the Child Theme. I downloaded the folder in the link below and added it to the same folder where the enfold theme is. The message that appears in wordpress:
    Broken Themes

    The following topics are installed but incomplete.

    Name Description
    Enfold Child The parent theme is missing. Please install the “enfold” parent theme.

    Does this happen because I renamed the ENFOLD folder to the client name? I know I always put the name of the folder ENFOLD with the name of the client. Is that the reason for the mistake?

    VIEW IMAGE

    View post on imgur.com

    • This topic was modified 8 years, 10 months ago by mleite1. Reason: complement with image ilustration
    #809170

    Hi Jordan, I added text back into widget and changed CSS to the following and it’s working fine now! Thanks for all your help.

    #header .widget {
    left: auto;
    right: 90px;
    padding: 0;
    position: absolute;
    top: -20px;
    bottom: 0;
    transform: translate(-0%);
    z-index: 999999;
    font-size: 22px;
    }

    #809169

    I would also like to know if you know how to create a search bar on top of the background image on the home page?

Viewing 30 results - 78,151 through 78,180 (of 142,926 total)