https://kriesi.at/support/topic/button-element-button-link-empty/

ok, sorry, I haven’t found this post before writing about the issue.
that solved it. php 7.0 it is…

:-)

Okay, it seems a problem with the description of the topic. Replies are displayed as usual. That’s good! But how about the description – I noticed, it is already not displayed in the Enfold demo here http://kriesi.at/themes/enfold/forums/topic/hello-world/

UPDATE: Just switched to WordPress Twenty Seventeen Theme and everything works fine. So it seems to be related to enfold theme.

Thanks again! :)

Jannik

• This reply was modified 8 years, 10 months ago by woozulu.

Hi @yigit

I tried the functions code you suggested and it looks much better, thank you!

There are a couple of small corrections desired, as you will see from the links I have put in the private content block below.

[Link 1] shows correct formatting from the default /login page.
[Link 2] shows formatting of login form after trying to access restricted Memberpress content containing an Enfold color section (after your functions.php code fix is applied).

Desired correction #1: In [Link 2], is there a way with CSS to keep the left margin of the login form left so it aligns with the top logo as in [Link 1]? It is in the same alignment with a small screen width, but as the screen width increases it does not maintain the alignment.

Desired correction #2: In [Link 2], how to color the white space to the left of the login form the same as the login form background? I tried fixing this myself using Chrome inspect element. I can see the white space to the left is the border of “div.container.content.main_color”, and the background color I want it to have is the same as “div.mp_wrapper” but I don’t have the skills yet to put this into CSS :)

Many thanks again, I really appreciate your help with this! I’m sure it will also be useful for others using Memberpress with Enfold. May I pass your fix on to the Memberpress team also so they are aware?

Hi Andy,

Thank you for your response. I followed the instructions on that post and it *almost* works:
– Mobile menu: The social media icons do not appear at the bottom of the main mobile menu. This is where I’d like them to appear.
– Mobile menu: The social media icons do appear at the bottom after opening the last fold-out menu in the main mobile menu.
– Desktop menu: The social media icons do appear on the main desktop view at the bottom of all the drop-down menus on the main menu. I do not want them to appear there.

Please see the link in the private content box below.

FUNCTIONS.PHP:

function mobile_menu_social_icons(){
?>
<script>
jQuery(document).ready(function(){
  var htmlString = jQuery('.social_bookmarks').html(),
  mobileMenu = jQuery('.responsive #header').find('.main_menu ul li:last-child');
  mobileMenu.append('<ul class="noLightbox social_bookmarks">' + htmlString + '</ul>');
});
</script>
<?php
}
add_action('wp_head', 'mobile_menu_social_icons');

STYLE.CSS:

#mobile-advanced .social_bookmarks {
    margin: 30px 0 0 22px!important;
}
#mobile-advanced .social_bookmarks a:before {
    top: 2px!important;
    margin-left: -13px!important;
}
#mobile-advanced [data-av_iconfont='entypo-fontello']:before {
    font-family: 'entypo-fontello';
}

#top .social_bookmarks li a:before, #mobile-advanced .social_bookmarks li a:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
    content: attr(data-av_icon);
    speak: none;
}

#mobile-advanced ul.social_bookmarks li, #mobile-advanced ul.social_bookmarks li a{
    border:0!important;
}
#mobile-advanced .social_bookmarks li a:before {
    color: #666;
    font-size: 30px!important;
}

#mobile-advanced .social_bookmarks li > a:before {
   font-size: 20px;
}

Thanks for your time!

• This reply was modified 8 years, 10 months ago by sweet3. Reason: I noticed that the social icons appear on all drop down menus on the desktop view, not just the last one as originally described. Updated the information accordingly

Hey Elisa, I’ve worked it out!

Check out this https://kriesi.at/support/topic/text-positioning-on-fullwidth-easy-slider/

You can find the answer in there. It’s a setting under the Easy slider itself.

Good luck!

hi,

it adds some HTML code by itself so the code became invalid as I mentioned in the first post ~
ex.
</br>
<p>

After “Save” the page —————–

<style type=”text/css”>
.hide-title-iconbox h3.iconbox_content_title{display:none;}<br />
#top .hide-title-iconbox .iconbox.av-no-box .iconbox_icon{margin: 0 auto ;}<br />
.entry-content-wrapper li{padding: 10px 0;}<br />
.av-special-heading{margin-top: 10px;}<br />
.height-title h3{line-height:40px;}</p>
<p>#top .av-flex-placeholder{width: 2%;}</p>
</style>

Still not working.

I had to change it to this to see the correct container –

.page-id-140 .menu-dots-container {
position:fixed;
max-width:0px;
height:auto!important;
right:50px;
top:50%;
transform:translateY(-50%);
}

The hide text worked but the other styling didn’t show up so thanks again and please advise :)

So when I add that it creates another instance of the first header widget which you can see in the screenshot, I dont know why… I named the new widget header-left. This is the shortcode I added, how do I make it left and not display the phone number?

#header-left .widget {
    right: -40px;
    padding-top: 0;
    position: absolute;
    top: -30px;
    transform: translate(-50%);
    z-index: 999;
}

Please Advise