Horizontal login form

Hey again lstephan,

Let me try to provide a bit more information, please do the following:

1. You probably already did this, install the following plugin https://wordpress.org/plugins/amr-shortcode-any-widget/installation/

2. Once you do that please go to Appearance -> Widgets and move Membership Login widget to Widgets for Shortcodes (this area is provided by the plugin above that allows us to display widget somewhere else like for example content of a page). See screenshot http://screencast.com/t/aN2Jnp2Qt.

3. With this we have widget area prepared that we can display it where ever we want. Since you want it in header we’ll have to edit your theme header.php. Since Enfold is not a free theme it’s hard for me to give exact instructions on where to place the code I provided above, maybe you could post link to your site so I can try to suggest based on the HTML in your header?

This is the code that you want to use there:

<div class="mycustomlogin">
<?php
echo do_shortcode( '[do_widget_area]' );
?>
</div>

This should add it to your header, it will not be horizontal but we’ll be able to do that once you have it in your header with some custom CSS.

Also you should consider using child theme and making this change in the header.php in your child theme so you can avoid losing changes once you update the theme.

Best regards,
Bojan

Hey again lstephan,

This will be a bit tricky as the top region is the header is pretty small but lets give it a shot.

Open your theme header.php which should be in the root folder of your theme and and search for the div that has ID header_meta and place the code below the next container which should be the first div inside header_meta div, please see screenshot http://screencast.com/t/MdXfoz2jW.

Let me know when you do that so we can try to place everything in one line with CSS.

Cheers,
Bojan

Hey again lstephan,

Awesome, glad that worked.

If you want me to help with the CSS too I could do that but I’ll have to see it on your site first, so when you’re ready to push it to your live site let me know and I’ll be happy to help 🙂

Regarding Uber mega menu, I’m not really experienced with it so I can’t say for sure if that would be possible or not.

Thanks for the kind words and have a great weekend 🙂

Cheers,
Bojan

Hey there Lstephan,

This appears to require a bit more CSS then I originally thought it will, try adding the following CSS code in the style.css file of your child theme or if your theme doesn’t have custom CSS tab add it in your site using the following plugin:

http://wordpress.org/plugins/simple-custom-css

.mycustomlogin {
    width: 73%;
}
.mycustomlogin {
    float: left;
}

section#ms_widget_login-3 {
    padding: 0;
}

h3.widgettitle {
    display: none;
}

.form p {
    width: 130px;
    float: left;
    margin: 5px 5px 5px 0;
    max-height: 33px;
}

form#loginform {
    margin: 0;
}

p.login-remember.ms-field {
    display: none;
}

This should be the result http://screencast.com/t/cus3ZpTbFC.

Hope this helps 🙂

Cheers,
Bojan

Hey Lstephan,

Glad I could help and thank you for the kind words 🙂

Have a great day!

Cheers,
Bojan