Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 20, 2014 at 6:43 pm #354372
    spirani91

    Hey guys,

    I enabled the secondary menu and display it only on mobile and put my contact number on it. I positioned it fixed and on the bottom, and for every page it works perfect, but for some reason, since I added grid row on the home page, the fixed content disappears once I start scrolling down. It’s weird because it shows it over the grid row, but gets cut off for everything underneath that, including the footer. I’ve tried added a z-index and nothing. Any help is appreciated

    Thanks,
    Sal.

    November 20, 2014 at 11:12 pm #354568
    spirani91

    bump

    November 21, 2014 at 5:42 pm #355337
    Elliott

    Hey!

    Your talking about the “Click to Call” element when seen in mobiles correct? It seems to be displaying fine for me. What device are you using? Can you take a screenshot and highlight what the problem is so we can get a better idea?

    Regards,
    Elliott

    November 22, 2014 at 8:24 pm #356008
    spirani91

    fixed item

    Here’s the image. you can see where it starts getting cut off. I am using an iPhone 5S and have emptied the cache on the webpage plenty of times. It only does it on the home page, right when you scroll down past the phone devices.

    November 24, 2014 at 12:29 am #356397
    spirani91

    bump.

    November 24, 2014 at 6:30 pm #357010
    Elliott

    Hey!

    I see what you mean. Let’s try adding this to the bottom of your functions.php file instead.

    add_action( 'wp_footer', 'enfold_customization_mobile_phone' );
function enfold_customization_mobile_phone() {
	echo '<div class="mobile_click_to_call container_wrap container_wrap_meta  av_icon_active_main av_phone_active_right av_extra_header_active av_entry_id_2" id="header_meta"><div class="container"><div class="phone-info "><span><a style="color: #fff;" href="tel:678-424-8030">CLICK TO CALL - 678.424.8030</a></span></div></div></div>';
}

    And then add this to your custom CSS.

    .mobile_click_to_call { display: none; }
@media only screen and (max-width: 767px) {
.mobile_click_to_call { display: block; position: fixed; bottom: 0px; }
}

    It should pick up the CSS your currently using.

    Cheers!
    Elliott

    November 24, 2014 at 11:57 pm #357234
    spirani91

    Hey Elliott,

    The only reason I don’t want to do it that way is because I don’t have a child theme, and I don’t want to go through the hassle of having to add that code every time I update the theme.

    This issue for some reason happened after I added the grid row, yet any other pages that has a grid row works perfectly fine.

    • This reply was modified 9 years, 12 months ago by spirani91.
    November 25, 2014 at 6:59 pm #357782
    Elliott

    Hi!

    The reason it’s doing that is because it’s currently in your header and the z-index is different. Unfortunately the only way I can think of to do it is to add it outside of the header element.

    I would consider using a child theme. We already have one made that you can use as a starter, http://kriesi.at/documentation/enfold/downloads/.

    After activating it you can import your parent theme settings in Dashboard > Enfold > Import/Export.

    Best regards,
    Elliott

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.