Viewing 30 results - 90,481 through 90,510 (of 142,832 total)
  • Author
    Search Results
  • #687996

    Neither codes below worked for me when loading the page on a mobile device, it does work however when resizing chrome and reloading the desktop browser already resized. I did try different browser on the iphone (safari and chrome) and tried other phone type as well, no luck :(

    @media only screen and (max-width: 768px) {
    #av_section_1 { background-image: none!important; }}
    // Remove color section background
    function remove_bg(){
    ?>
    <script>
    jQuery(window).load(function(){ 
    	if (jQuery(window).width() < 768) {
    		jQuery("#unique-id").css("background-image", "");    
    	} 
    });
    </script>
    <?php
    }
    add_action('wp_footer', 'remove_bg');
    #687995

    Thanks so much! The first bit of code worked perfectly!

    Unfortunately the second didn’t work. Currently I do not display a conventional “logo,” as defined/set in Enfold settings. Instead, I have our logo set in the middle of the menu as a menu item.

    As you can see when you visit the site (link in private content), the white cross logo looks great when it’s over the “glassy” semi-transparent menu, which only appears when the page is scrolled all the way at the top. When I scroll down, however, the menu changes from the “glassy, transparent” effect to a simple, light-cream background with blue text. I would like for this image to change, when the page is scrolled, from white to blue.

    To set the logo in the middle of the menu, I created a menu item as a “custom link,” and in the Navigation Label I added the tag pointing to the white logo image. That’s what I want to change to blue when the user scrolls down. I’ve attached an image showing how the logo is currently set up in the menu in the private data (screenshot from “menus” page)

    My best guess was some sort of class id in the tag, and some corresponding css to change the image or overlay a new one?

    I hope that clarifies a bit. Thanks so much for all your help!

    Chris

    #687992

    That resolved the iniital issue. Thank you. But other issues come up now in responsive mode.
    1) The text across top is ‘smushed’ and
    2) the tab label for the active/selected tab does not display. It’s a gray empty box.

    Here are screenshots from an iPhone 4S.

    https://drive.google.com/open?id=0B2FR_xIXwNPmN2Vxd2hra0k3VTQ

    Thank you for the help.

    #687987
    Golfergirl
    Participant

    Hi there,
    I am having some issues with photos on the team page of Enfold- Gym being cut off. This happens on desktop and ipad.
    Can you help with the responsive settings to stop this?
    BTW…The text on the sliders is not adapting either.

    Thank you for your time.

    be-team
    Participant

    Hi Kriesi support team,

    my site has a PNG logo with transparency. It scales well with all browsers except with IE11 / Edge. Seems it is about Microsofts image engine, and I tried to fix it using Quick CSS according to hints from this forum, but to no avail.

    Currently I have in Quick CSS

    #top .flex_column img {
        -ms-interpolation-mode: bicubic !important;
        image-rendering: optimizeQuality !important;
    }

    Probably my logo would scale best using SVG, but not all browsers support that, right? How to specify my logo in different resolutions using media queries I do not know. I am kind of lost, and would appreciate your help!

    #687959

    Topic: Header.php in error

    in forum Enfold
    pmtsi
    Participant

    Please, I’ve destroied Header.php, So now I get this message: Fatal error: Call to undefined function avia_header_class() in /home/madaiov/public_html/tswp/wp-content/themes/enfold/header.php on line 12
    Please, may I have a new copy of the current Header.php?
    Thanks.
    Vito

    My website is stopped : http://www.tenstep.it

    mattcoomber1
    Participant

    Hi

    My wife and I have a responsive site which we would like to display in a single column on an I pad Mini rather than the desktop view as it is quite hard to read. On my Nexus 7 tablet it shrinks down to one column like it does on a mobile phone but on a I pad Mini it still displays like the desktop view. Is there a way to easily change the size that it shrinks to single column view.

    This is our first attempt at a website and we don’t really understand complected coding.

    Any help is very much appreciated.

    Thanks
    Matt

    • This topic was modified 9 years, 6 months ago by mattcoomber1.
    #687906

    Hi,

    Great, glad you got it working :-)

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

    Best regards,
    Rikard

    #687903
    elvirais
    Participant

    I searched the support forum and found this helpful thread:
    https://kriesi.at/support/topic/style-current-menu-item/

    I adapted the colours to what I needed but it doesn’t completely work:

    li.current-menu-item>a {
    color: #d96864!important;
    background: #172643!important;
    }

    the background gets the right color but the text takes on the same blue instead of the other colour. (website link in private section)

    #687900

    Hi,

    Great, glad we could help :-)

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

    Best regards,
    Rikard

    #687847

    Hey tibe87!

    Thank you for using Enfold.

    The social container will inherit the width of the column, not the team member image, so it’s not possible if the images have different sizes. We can remove the background if you want.

    .team-social {
        background: transparent;
    }

    Or upload images with the same size and then use this css code:

    .team-social-inner {
        width: 130px;
        padding: 0;
        margin: 0 auto;
        float: none;
        position: relative;
        top: 50px;
        background: rgba(255,255,255,.5);
    }
    
    .team-social {
        background: transparent;
    }

    Best regards,
    Ismael

    #687842

    In reply to: Parallax on mobile

    Hi SzymonDomagala!

    Thank you for using Enfold.

    The background position of the parallax container is still set to “center center” on mobile view. Could you please provide a screenshot of the issue? Or you can try this in the Quick CSS field but I’m not sure if it is going to make any difference:

    @media only screen and (max-width: 767px) {
         .av-parallax-inner {
             background-position: top center!important;
         }
    }

    Regards,
    Ismael

    #687835

    Hi!

    Thank you for using Enfold.

    This option is not available yet but you can use this filter to enable the burger menu on a specific page or pages:

    add_action('avf_header_setting_filter', 'avf_header_setting_filter_mod', 9999, 1);
    function avf_header_setting_filter_mod($header) {
    	if(!is_page(array(13))) return;
    	$header['header_position'] = 'header_top';
    	$header['menu_display'] = 'burger_menu';
    	return $header;
    }
    
    //first append search item to main menu
    add_filter( 'wp_nav_menu_items', 'avia_append_burger_menu', 9998, 2 );
    add_filter( 'avf_fallback_menu_items', 'avia_append_burger_menu', 9998, 2 );
    
    function avia_append_burger_menu ( $items, $args )
    {
    	if (is_page(array(13)) && (is_object($args) && $args->theme_location == 'avia') || (is_string($args) && $args = "fallback_menu"))
    	{
    
    		$items .= '<li id="menu-item-burger" class="av-burger-menu-main menu-item-avia-special">
    					<a href="#">
    						<span class="av-hamburger av-hamburger--spin av-js-hamburger">
    						<span class="av-hamburger-box">
    							  <span class="av-hamburger-inner"></span>
    							  <strong>'.__('Menu','avia_framework').'</strong>
    						</span>
    						</span>
    					</a>
    				   </li>';
    	}
    	return $items;
    }

    Adjust the value of the is_page() function. Make sure that the “Display of menu items” is set to “text”.

    Cheers!
    Ismael

    #687809

    In reply to: Contact Form Issues

    Hey jarstern0,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .page-id-9 input[type='submit'] {
    	margin-top:21px!important;
    }
    

    Best regards,
    Vinay

    #687807

    Hey dmenditc,

    To build your own custom bullet list please check Ismales post here

    and

    https://kriesi.at/support/topic/custom-bullet-image/#post-179077

    If you have any questions please feel free to reach out to us.

    Best regards,
    Vinay

    #687756

    Hi all –
    I’m running into an issue with this mobile / desktop Color Section CSS switching and was wondering if you knew of a solution.
    The switch works very well, a different Color Section displays on mobile and desktop as expected.
    The problem is that on desktop view, when I re-scale the browser screen narrower, a white space opens up either beneath the fullscreen image, or above it, depending on whether I align the image in the Color Section top or bottom. For design and layout reasons, it needs to be aligned Bottom / Center.
    This doesn’t occur on a standard Color Section minus the mobile / desktop switcher CSS, of course.
    Sadly, if I can’t solve this, we’ll need to go with just one image.

    I SO appreciate all your help!

    #687727

    Maybe images will help explain what I’m trying to do.

    Current (notice how the shopping cart cuts off when floating right):
    Arista Bath Current

    Option 1 (add cart icon to top bar nav):
    Aritsa Bath Option 1

    Option 2 (add padding to the icon):
    Arista Bath Option 2

    I’d also like to move the Search Bar over to the right more to remove some of the space, but when I move it over any more the width of the bar shrinks.

    #687719

    Hi!

    Not if #TeamKriesi got your back ;D
    Please add following code to Quick CSS as well

    .html_burger_menu .av-burger-menu-main {
        right: 50px;
    }
    .av-main-nav > li > a {
        height: 50px!important;
        line-height: 50px!important;
        position: relative;
        top: 30px;
    }
    .av-hamburger strong {
        display: block;
        min-width: 100px;
        text-align: center;
    }

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Best regards,
    Yigit

    #687702
    csmwebdesign
    Participant

    Hi there,

    I’ve found the following thread where you have provided instructions for removing the filename from a masonry gallery:

    https://kriesi.at/support/topic/remove-title-from-masonry-gallery/

    Could you please also highlight how this can be achieved when using the enfold child theme?

    Thanks!

    #687701

    I figured out the search issue. I’d like to get the shopping cart icon in the top bar menu.

    #687696

    Same issue, Josue. The hook is not working, what seems to be the conflict?

    As for the script provided for the Scroll to Top button, it’s still not showing up for mobile devices.

    #687618

    Hey Justin!

    I replied you here – https://kriesi.at/support/topic/layout-builder-columns/
    If that does not help, please post the link to your page on the other thread.

    Cheers!
    Yigit

    #687616

    Hi Justin!

    Please add following code to Quick CSS

    @media only screen and (max-width: 1024px) {
    .responsive #top .av-hide-on-mobile, .responsive #top .av-hide-on-tablet {
        display: none !important;
    }}

    Cheers!
    Yigit

    #687611
    pinkabbestia
    Participant

    Hi,
    i read many topic on the forum about my question, but no one worked.
    How can I remove the link from images showed into the portfolio grid?
    Thanks,
    Rosa

    #687607

    Hey!

    You had some errors in your custom CSS, i fixed them and changed the code to following one

    @media only screen and (max-width: 480px) {
    .avia-safari #menu-item-shop .cart_dropdown_link {
    position: relative;
    top: -50px;
    }}

    Please review your website now. It does look fine on my iphone

    Regards,
    Yigit

    #687589
    Chris_85
    Participant

    hi,

    i have a custom code to show an info-box by mouseover. For that i use the following code:

    <script type="text/javascript" language="JavaScript">
    
    var offsetx=20
    var offsety=0
    
    function InfoBoxAusblenden() {
          document.getElementById('InfoBox').style.visibility = "hidden";
    }
    
    function InfoBoxAnzeigen(e,Inhalte,offsetX,offsetY)
    {
            if (offsetX) {offsetx=offsetX;} else {offsetx=20;}
            if (offsetY) {offsety=offsetY;} else {offsety=0;}
            var PositionX = 0;
            var PositionY = 0;
            if (!e) var e = window.event;
            if (e.pageX || e.pageY)
            {
                    PositionX = e.pageX;
                    PositionY = e.pageY;
            }
            else if (e.clientX || e.clientY)
            {
                    PositionX = e.clientX + document.body.scrollLeft;
                    PositionY = e.clientY + document.body.scrollTop;
            }
            
            document.getElementById("BoxInhalte").innerHTML = Inhalte;
            document.getElementById('InfoBox').style.left = (PositionX+offsetx)+"px";
            document.getElementById('InfoBox').style.top = (PositionY+offsety)+"px";
            document.getElementById('InfoBox').style.visibility = "visible";
    }
    
    </script>
    
    <style type="text/css">
    
    #InfoBox {
    visibility:hidden;
    position:absolute;
    top:10px;
    left:10px;
    z-index:1;
    
    /* diese Angaben können Sie anpassen */
    width:300px;
    background-color:#FDFEFF;
    border:4px solid #0090E0;
    }
    
    /* weitere Box in der Info-Box für padding */
    #BoxInnen {
    padding:15px;
    }
    
    /* Formatierung Texte in der Info-Box */
    
    #BoxInhalte {
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    color:#5F5F5F;
    line-height:130%;
    }
    
    </style>
    
    <!-- Anfang DIV für die InfoBox -->
    
    <div id="InfoBox" style="z-index:1; visibility:hidden;">
    <div id="BoxInnen"><span id="BoxInhalte">&nbsp;</span></div>
    </div>
    
    <!-- Ende DIV für die InfoBox -->
    
    <br><br>
    
    <a onmouseover="InfoBoxAnzeigen(event,'Hier steht Text<br>noch eine Textzeile Text<br>und eine dritte Zeile',20,-30);" onmouseout="InfoBoxAusblenden();" href="javascript:void(0)">MouseOver für mehr Info</a>
    <br><br>
    <a onmouseover="InfoBoxAnzeigen(event,'Text für die Infobox',20,-30);" onmouseout="InfoBoxAusblenden();" href="http://www.mydomain.net/">Link</a>

    the Javascript i load from an .js file from my child Theme.

    For the HTML i use the avia codeblock.

    The code works fine on other websites, but not on my enfold site. Can you plz have look?

    `

    • This topic was modified 9 years, 6 months ago by Chris_85.
    #687587

    its on the homepage – the very first hero section at the top
    you need to login to my site

    i provided the login in the private data

    http://www.leewardscricket.com/

    #687572

    Hi!

    Please see – https://kriesi.at/support/topic/enfold-changelog/ :)

    Regards,
    Yigit

    #687561
    Justin
    Participant

    Hey fellows,
    small challenge here…and I have included visuals to help better explain what I am after.
    The desktop version of this sites looks correct.
    However with the way I am using the builder, it’s causing the Ipad to produce undesired results.
    If you look at my settings within the layout builder (seen in the screen-cap), I have 3-columns with 2 columns set to HIDE ON MOBILE since it’s not really being used for anything but to help define the look of the websit (I want a more narrow column of text with wider framed imagery).

    HIDE ON MOBILE doesn’t seem to work on the Ipad. It’s rendering the side columns making the center column very narrow on the IPAD which doesn’t look right. I actually would prefer the column flow across the full screen.Is the HIDE ON MOBILE setting not applicable to the Ipad?

    IS there a way around this? See links below.
    Thanks!

    #687558
    Justin
    Participant

    Hey fellows,
    small challenge here…and I have included visuals to help better explain what I am after.
    The desktop version of this sites looks correct.
    However with the way I am using the builder, it’s causing the Ipad to produce undesired results.
    If you look at my settings within the layout builder (seen in the screen-cap), I have 3-columns with 2 columns set to HIDE ON MOBILE since it’s not really being used for anything but to help define the look of the websit (I want a more narrow column of text with wider framed imagery).

    HIDE ON MOBILE doesn’t seem to work on the Ipad. It’s rendering the side columns making the center column very narrow on the IPAD which doesn’t look right.

    IS there a way around this? See links below

Viewing 30 results - 90,481 through 90,510 (of 142,832 total)