[Tony @ AlphaBlossomParticipant]

Can you post a link to your site?

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Tony @ AlphaBlossomParticipant]

You're welcome! Glad I could help...have a great weekend!

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Tony @ AlphaBlossomParticipant]

Awesome, glad I could help!

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Tony @ AlphaBlossomParticipant]

Hi,

That's very strange. When I looked at your site (a few minutes ago) it looks good. The side padding is much smaller and everything fits correctly on my iphone in portrait mode.

It seems like the changes are working as they should. Maybe try to clear your browser's cache or look in another browser?

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Tony @ AlphaBlossomParticipant]

Hello,

Add this to your theme's style.css file inside whichever media query/s you want to target:

.genesis-nav-menu > li:last-child > ul.sub-menu {
    margin-left: -93px;
}

The negative left margin will move the sub menu to position it where you need. This only works for the last menu item...if you want to affect other menus, you can change the ":last-child" part to the menu ID.

Have a great weekend!

Tony

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Tony @ AlphaBlossomParticipant]

Hello,

Remove or comment out this from your theme's functions.php file:

//* Add Viewport meta tag for mobile browsers (requires HTML5 theme support)
add_theme_support( 'genesis-responsive-viewport' );

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Tony @ AlphaBlossomParticipant]

Glad to hear you got it all sorted out! With absolute position, you usually have to add that along with "margin: 0 auto;" to center your container.

Have a great weekend!

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Tony @ AlphaBlossomParticipant]

A link would definitely help, but if you can't post a link try adding:

left: 0;
right: 0;

That might take care of it, but if not it's really hard to say without a link.

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Tony @ AlphaBlossomParticipant]

Thank you both! And happy to be of help!

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Tony @ AlphaBlossomParticipant]

Hello,

Yes, I did shrink the browser and it is mobile responsive. If you can be more specific it would help.

Your site has the mobile meta tag and styling for mobile responsive. If I shrink the browser your site adjusts to fit the smaller screen (viewing on mobile phone as well). The sign up boxes stack vertically, etc.

On the iphone portrait mode, the signup boxes extend outside of the container. To fix that you can reduce the padding on the .site-inner inside your media query (you do have media queries inside your theme's style.css file):

.centric-pro-landing .site-inner {
    padding: 0 20px;
}

If that's not what you're talking about, please be more specific.

Thanks,
Tony

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Tony @ AlphaBlossomParticipant]

Awesome...looks great. Glad I could help.

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Tony @ AlphaBlossomParticipant]

I thought the width of the container would allow them to line up 3 x 3, but it looks like that's not the case.

You can add "clear: left;" to a.social-link.pinterest and that will take care of it.

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Tony @ AlphaBlossomParticipant]

Hello,

There's a lot of ways to do it. Try adding this to your theme's style.css file and see if it does what you'd like:

.footer-widgets > .wrap {
    display: table;
    text-align: center;
    width: 100%;
    max-width: 100%;
}

.footer-widgets > .wrap > .widget-area {
    display: inline-block;
    float: none;
    margin: 0 auto;
    padding: 0 7%;
    text-align: left;
    vertical-align: top;
    width: auto;
}

Then you can adjust the padding (left/right) for responsive sizing, etc.

Hope that helps!

Tony

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Tony @ AlphaBlossomParticipant]

Hello,

Change your html structure to look something like:

<a rel="nofollow" href="https://twitter.com/techbeenew" target="_blank" class="social-link twitter">Follow me on Twitter</a>

Then add this css to your theme's style.css file:

a.social-link {
    display: block;
    float: left;
    height: 70px;
    text-indent: -9999px;
    width: 70px;
}

// Hover effect - can use opacity, or different background image, etc.
a.social-link:hover {
    opacity: .7;
}

a.social-link.twitter {
    background: url(http://techbee.in/wp-content/uploads/2014/09/social-icons.png) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

For each link you'll have to position your background image by changing "0 0" to something like "0 -71px". That's very approximate, you'll have to adjust the -71 to position it exactly, and each icon link will be a larger negative number (-71px, -141px, etc)

That should get you going.

Tony

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Tony @ AlphaBlossomParticipant]

Looks like you got this sorted out?

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Tony @ AlphaBlossomParticipant]

Hello,

Wordpress had a function wp_is_mobile that you can use:

http://codex.wordpress.org/Function_Reference/wp_is_mobile

Note that this is very broad...an iphone is considered mobile, and an ipad is also considered mobile.

You would use it something like this:

if ( wp_is_mobile() ) {
     // your mobile code goes here
} else {
     // your non-mobile code goes here
}

If you want to ad it to your widget areas, you can use a plugin that lets you execute php code inside of a text widget, our you can add this function to your theme's functions.php file:

http://www.carriedils.com/extend-wordpress-widgets-without-plugin/

If you want to target devices more specifically, you can use the article you posted (just adjust your conditionals to match), or take a look at the Mobble plugin (I haven't used it yet but plan to try it soon):

https://wordpress.org/plugins/mobble/faq/

That should get you going in the right direction.

Tony

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Tony @ AlphaBlossomParticipant]

Hello,

Try adding this to your theme's style.css file:

.wp-caption.alignleft, 
.wp-caption.alignright {
    clear: both;
}

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Tony @ AlphaBlossomParticipant]

Hi Edward,

Glad I could help!

As far as resources, there's a lot of good ones...here's some:

http://briangardner.com/
http://sridharkatakam.com/
http://www.bourncreative.com/
http://www.web-savvy-marketing.com/
http://www.carriedils.com/
http://bobwp.com/
http://bradpotter.com/
https://www.facebook.com/groups/genesiswp/

And of course our website 🙂 I recommend following all of these people on twitter...there's a lot more talented people in the Genesis community, but these are a great start.

I'm sorry I don't offer coaching...working on a training program but it's a ways out still.

Thanks for the nice compliment...and I'm happy to help in the future in any way I can.

Take care,
Tony

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Tony @ AlphaBlossomParticipant]

@genwrock, sorry your solution didn't show when I posted mine. There's a lot of ways to do it, but table works well for me and uses less code than the other ways I've done it.

@ryan Kennedy, glad we could help!

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Tony @ AlphaBlossomParticipant]

Use this to remove the URL field:

/*
* Remove URL field
*
*/
add_filter( 'comment_form_default_fields', 'youruniqueprefix_remove_comments_form_url_field' );
function youruniqueprefix_remove_comments_form_url_field( $fields ) {
    if( isset( $fields['url'] ) )
        unset( $fields['url'] );
    return $fields;
}

---

Tony Eppright | http://www.AlphaBlossom.com | Follow me on twitter @_alphablossom

[Author]

Posts