Viewing 30 results - 132,691 through 132,720 (of 142,760 total)
  • Author
    Search Results
  • jswebdev
    Participant

    When I view our site (www.got2bmoving.com) on the iPad and load a new page, i.e. “News”, the horizontal non-mobile top nav menu appears before the mobile drop-down menu kicks in.

    Is there any way to prevent the horizontal non-mobile menu from appearing first?

    thanks!

    #233988
    This reply has been marked as private.

    3) I forgot, I should also add how do I only set only the vertical borders in the bottom navigation to be a yellow color as well?

    I don’t want the top border to be yellow it will look funny.

    #233962
    zerozendesign
    Participant

    Hey guys,

    I’m having an issue with the forums that I need to resolve as soon as possible.

    Take a look at – http://codelessme.com/weightlossrebels/forum/
    I have created this page using two columns as this is how I want everything to lay out and be styled. HOWEVER, because I have chosen to use the shortcode for bbpress, once a user clicks a topic, they are taken to the forum created pages, which have a sidebar and white background. The reason for the white background instead of the background image applied universally is because when I apply the background universally, no color sections apply a new color or background image. So if I create a color section with a background color of orange for example, the orange is still not applied, it simply shows the default main color image pattern.

    I need to format the forums inner pages to look just like what I have linked above.

    Can you take a look at things and tell me why a background pattern applied to the “Main” section of styles is overwritting any page specific color sections created? This is the first step to figuring this out.

    Thanks.

    #233959
    This reply has been marked as private.
    #233947

    Hey!

    Try adding this code to the Quick CSS:

    #top > div.pp_overlay {
        opacity: 0.7 !important;
    }

    Cheers! 
    Josue

    #233940

    In reply to: Request Minify Guide

    I spoke with Kriesi, and he only uses the default minify setup with better wordpress minify. For whatever reason, that plugin is malfunctioning with Woocommerce, and the minified URL’s are not working- which causes all JS to fail.

    Today, I switched to manual W3Total Cache and added in all of my scripts. I then moved jQuery to the head, and moved all of Woocommerce to after the body… and this works. Still not great page speed insights, but at least it has stopped screaming at me about blocking js.

    Here is a screenshot of my script order. Please note that there are a couple of scripts which are added in from addons, such as AddThis and LayerSlider. If you are using this SS for reference, you can build yourself a great starting list by going to Minify, turning it off of auto to manual, then clicking the help wizard at the top of the page. Make sure all other Minify is disabled. It will pull out all of your scripts in a pretty good order, and after than you can tune as you need to.

    http://cl.ly/image/0K413r2U0j3M

    #233904

    Topic: Woocommerce Sale badge

    in forum Enfold
    borkent
    Participant

    Hi there,

    Do you smartfolks here know what would be the best way to move the salebadge on archive pages on top of the image above, I know I can css that with a top:-100px orso but it isnt optimal considering responsiveness. I see a action in /config-woocommerce/config.php:

    remove_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_show_product_loop_sale_flash', 10);
    add_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_show_product_loop_sale_flash', 10);

    but replacing it with

    #remove_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_show_product_loop_sale_flash', 10);
    #add_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_show_product_loop_sale_flash', 10);

    doesnt seem to do anything… any ideas?

    Cheers,
    Thomas

    #233884

    Hi Bedros!

    1- Yes, as you can use Avia Layout Builder for creating your portfolio items like creating any other page, featured image is not shown. You are not doing anything wrong.
    2- Which version of Enfold are you using? You can add following code to Quick CSS in Enfold theme options under Styling tab to remove the arrows globally

    #top .avia-post-nav { display: none; }

    3- You can add “Portfolio grid” or “Fullwidth Masonry” element to bottom of your portfolio items to display related portfolio items. Featured image does show on thumbnails as you shown in your first screenshot. If you are having any issues with it, please post the link to your website so we can take a look. Please note that we may need a temporary admin login as well.

    Regards,
    Yigit

    #233863

    Hey!

    Now i see it, it’s actually a bug with tables rather than with the promo box element. It’s already reported so a fix will be probably be up in the next update.
    https://kriesi.at/support/topic/strange-table-behavior/#post-231458

    In the meantime, one workaround would be to disable the visual editor for your user (Users > Your Profile > Disable the visual editor when writing).

    Cheers!
    Josue

    #233862

    Hi Ismael

    I’m using a Small Fixed Header. I tried putting the @media bit in but it just pushed the content on the desktop version up and didn’t affect the mobile version at all.

    Peter

    #233851

    In reply to: Mobile Drop Down Menu

    Hey!

    Please add following to Quick CSS as well

    #mobile-advanced .sub-menu li > a:before { top: 0px; }
    #mobile-advanced .sub-menu li > a { font-size: 12px; }

    Best regards,
    Yigit

    #233835

    Hi envapk2!

    Thank you for using the theme. I hope you’re doing great.

    What type of header do you have? Maybe, you can add this below the code to prevent the “content push” on mobile device:

    @media only screen and (min-width: 768px) {
    .content {
    padding-top: 0px;
    padding-bottom: 1px;
    }
    }

    This can make the Small Fixed Header transparent:

    .fixed_header #main {
    padding-top: 0;
    }
    
    .header_color .header_bg, #header_main {
    background-color: transparent !important;
    border: none;
    }
    
    .header_color div {
    border: none;
    }

    Cheers!
    Ismael

    #233829

    Hey markofwits!

    How are you? I hope you’re doing well today.

    Please add this on Quick CSS or custom.css:

    td {
    vertical-align: top;
    }

    Cheers!
    Ismael

    #233818

    In reply to: Mobile Drop Down Menu

    Hi!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 767px) {
    #advanced_menu_hide {
    top: 50px;
    right: 50px;
    height: 40px;
    line-height: 35px;
    width: 40px;
    }}

    I am not sure if i understood the issue about parents

    Cheers!
    Yigit

    #233810

    Hey!

    Please add following code to Quick CSS

    #layer_slider_1 {
    height: auto !important;
    }

    It will remove the extra space. Please re-do the changes here https://kriesi.at/support/topic/problem-with-responsive-menu-and-logo/#post-233243
    Currently there is JavaScript errors in console

    Cheers!
    Yigit

    #233801

    In reply to: Horizontal Icon List

    Hi!

    You can suggest such feature here https://kriesi.at/support/topic/enfold-feature-requests/
    If you are using the latest version of Enfold, you can also add Icon element to your page for a similar look

    Cheers!
    Yigit

    #233791

    Hi Jonathan!

    You can just add the code on Quick CSS or custom.css:

    #top textarea { 
    min-height: 30px; 
    line-height: .5em; 
    } 

    Please give us a link to the page with the plugin. A screenshot of the issue will help.

    Cheers!
    Ismael

    #233782

    Hey grktmktg!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .responsive .mobile_menu_tablet .main_menu {
    display: block;
    }}

    Cheers!
    Yigit

    #233771

    Hey!

    Please add following code to Quick CSS and adjust as needed

    #top .main_menu .menu>li:last-child>a { padding-right: 13px!important; }
    #top .main_menu .menu li { margin-top: 30px; }
    .main_menu ul:first-child > li > a { height: 40px; line-height: 25px; }

    Best regards,
    Yigit

    #233769

    Hi!

    Please add following code to Quick CSS as well

    .home .main_menu .menu ul { top: 59%; }
    .home .avia-menu-fx { bottom: 47px; }
    .home .social_header #header_main .container, .home .social_header .main_menu ul:first-child > li a { height: 156px; line-height: 156px; }

    Best regards,
    Yigit

    #233762

    Hi!

    Yes, please refer to my post here https://kriesi.at/support/topic/change-layout-prettyphoto/#post-173889

    Cheers!
    Yigit

    #233746

    Oke thanks yigit. I will have look,

    you can close this topic, thanks for your help

    #233737

    hi ismael
    Oke, now I understand the problem, I assumed [stupid me] that the most visited blog would be on top. Yes i do have a comment section, and taken from that point of view it then works correct. Is there a way or another widget from Enfold within such a combo, to show the most visited blog?

    #233730

    Thank you so much for the quick response!

    I’m having two issues with that fix:

    1) It does not show on iPad
    2) It’s not full screen.. I can only see the top of the image in my iPhone

    Thank you!

    #233721

    Thanks for your reply. I have read some other answers to this topic – is there a way to swap out the video slider for an image slider on responsive media? I saw there was some way to add a css code but it was not listed. I can wait for the new release, sounds good, but was wondering if there was a work-around for now?
    thanks very much! I know you must be dealing with a lot of video related topics!
    n

    #233712

    Hey angie3000!

    I recommend to use the 1 column portfolio option: http://www.clipular.com/c/5090240494567424.png?k=YGg5m7klX6nrHUT6KKBUJK8yuLA – you could use the “side by side” layout which will give you a similar layout. The text will be displayed on the left side and the image will be displayed on the right side. If you want to change the size of the text area use this css code:

    
    #top .isotope-item.special_av_fullwidth .av_table_col.grid-content {
    width: 75%;
    }
    

    The layout you requested above is not possible without some theme code customization. If you need help to create it please hire a freelancer from http://www.microlancer.com/ or here: http://kriesi.at/contact/customization

    Best regards,
    Peter

    #233700
    #233690

    Hi Munford!

    Afaik the videos won’t play automatically on most mobile devices because the devices do not support the “autoplay” feature. The user must click on the video to start it. I.e. iphones can’t play videos automatically without an user interaction. Kriesi now added a “fallback” image option to Enfold 2.6 (we’ll release the update next week) which shows a fallback image instead of the video. If the user clicks on the fallback image the video starts to play.

    The loading delay is a technical limitation. Obviously the service needs some time to load the video data and to buffer some seconds of the video data.

    Best regards,
    Peter

    Hi!

    No, the images sizes are different. I.e. this image: http://jeredtravelphotography.com/wp-content/uploads/2014/02/Egypt-01XCR-Gisa-landscape.jpg has a resolution of 1815 x 1200.

    The second image: http://jeredtravelphotography.com/wp-content/uploads/2014/02/Egypt-02X-K-Q.jpg has a size of 1832×1200

    And the last image http://jeredtravelphotography.com/wp-content/uploads/2014/02/Egypt-09X-Abu-Simbel-facade.jpg has a size of 1908px x 1200px and thus the lightbox window will be a bit bigger.

    2) I wouldn’t recommend to resize the image with css because this may cause display flaws. However if you want to try it insert this code into the quick css field:

    
    #top #fullResImage{
    max-width: 70% !important;
    max-height: none !important;
    }
    

    and change the width value to another percentage value (i.e. 85%) if necessary.

    Cheers!
    Peter

Viewing 30 results - 132,691 through 132,720 (of 142,760 total)