[Davinder Singh Kainth]

What I can see, whole page is still visible on iPhone - however, it re-size to small iphone screen. Do you want to make website appear full width even on iPhone?

If yes, then remove responsive css code from style.css file. It is the code at the bottom under "Media Queries" section.

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Davinder Singh Kainth]

1. Open functions.php file of your theme.

2. Look for:
//* Add support for 3-column footer widgets
add_theme_support( 'genesis-footer-widgets', 3 );

3. Comment this code out, that is change this to:
//* Add support for 3-column footer widgets
//add_theme_support( 'genesis-footer-widgets', 3 );

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Davinder Singh Kainth]

1. Easy way would be switching to all new genesis html5 theme which is responsive by default.

2. To add responsive feature to this theme, download sample genesis theme. Copy the responsive media query code in functions.php file and then add responsive css code in current theme's style.css file. This will require lot of testing and code modification though.

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Davinder Singh Kainth]

To reduce overall height of the header, reduce 90px of min-height: 90px; in the following code.

/* Logo, hide text */

.header-image .site-header .wrap {
padding: 0;
}

.header-image .site-title a {
background-position: center !important;
background-size: contain !important;
float: left;
display: block;
min-height: 90px;
text-indent: -9999px;
width: 100%;
}

--------------------------------

For more customization, in the following code

Site Header
—————————————————————————————————- */

.site-header {
padding-top: 30px;
padding-top: 3.0rem;
}

.site-header .wrap {
border-bottom: 2px solid #222;
padding: 30px 0;
padding: 3rem 0;
}

Change padding:30px 0; to padding: 30px 0 0 0;
and
padding:3rem 0; to padding: 3rem 0 0 0;

Let me know how it goes!

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Davinder Singh Kainth]

You need to find the above code and then change padding values to adjust space.

Like

padding-top: 64px;
padding-top: 6.4rem;

Change this to

padding-top: 20px;
padding-top: 2rem;

and so on.

***Note: Remember to change rem values accordingly:

10px = 1rem
40px = 4rem
55px = 5.5rem

Try again.

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Davinder Singh Kainth]

Yeah, you can go one by one. Start with simple ones like changing background color of sidebar or adding color elements to top menu.

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Davinder Singh Kainth]

Hi, you can add color and more style elements to various sections, like:

1. Add logo images instead of text at top left.
2. Add background color to either of sidebar for more focus on content area.
3. Use bigger image at top middle part of content area so that it spans whole width giving fuller look.
4. Add color to background and mouse hover to elements in menu.
5. On right sidebar, use mailchimp subscribe box instead of link.

Above changes do require some know-how about css. Try it or you can get premium help 😉

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Davinder Singh Kainth]

1. Open style.css file (backup before making changes, copy contents in a notepad file).
2. Look for following:

/*
Site Header
---------------------------------------------------------------------------------------------------- */

.site-header {
padding-top: 64px;
padding-top: 6.4rem;
}

.site-header .wrap {
border-bottom: 2px solid #222;
padding: 30px 0;
padding: 3rem 0;
}

3. Above change padding values to adjust spacing.

4. For changing space in widget at top right, change padding value in following code found in style.css file

/* Widget Area
--------------------------------------------- */

.site-header .widget-area {
float: right;
text-align: right;
width: 728px;
}

.header-image .site-header .title-area,
.header-image .site-header .widget-area {
padding: 40px 0;
padding: 4rem 0;
}

.site-header .widget-area p {
margin-bottom: 0;
}

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Davinder Singh Kainth]

Try this:

1. Open style.css file (backup before making changes).
2. Search for .wp-caption class
3. Add font-size:10px; (or any value as per requirement).

If this does not work, try adding font-size:10px to p.wp-caption-text / .wp-caption-text

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Davinder Singh Kainth]

1. Follow this video for setup - http://www.youtube.com/watch?v=DcQszlj4vno

2. You just need to enter form url copied from mailchimp account. For specific field, enter EMAIL in email text box and so on.

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Davinder Singh Kainth]

If you use SEO by Yoast plugin for SEO setup, then there is option to hide shortlink under "meta settings" section.

Or you can use this plugin - http://wordpress.org/plugins/remove-wp-version-and-shortlink/

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Davinder Singh Kainth]

Here is crust of using tags. If your WordPress Theme is coded properly like using Studiopress themes.

Homepage of website - Title of website is automatically using h1 tag, You can confirm by opening source code and it will have <h1>Website Title you have placed</h1>

For single post or pages - The title of the article is automatically using h1 tag. However, you can manually assign h2 h3 tags within post contents like:

1. Goto to html mode of post editor.
2. Type <h2>Sub heading</h2>

As such using h2 and h3 tags within post in enough, not need to extend till h3 or h4

Hope this clears few doubts.

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Davinder Singh Kainth]

Overall they are good. However, majority themes are little heavy with lot of script files loading to render fancy effects. Usually child themes on Studiopress.com are light and don't have that fancy thing going. So take your pick!

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Davinder Singh Kainth]

Box border is appearing fine in Internet Explorer 9, are you using older version of IE to preview website ?

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Davinder Singh Kainth]

No issues if you hide header. However, make sure the page on which header is hidden has proper <h1> tag contents. Because search engine reads and shows h1 tag contents as the page title in search results.

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Davinder Singh Kainth]

1. For more posts, goto Genesis > Theme settings > Blog page template (change number of posts here). Also check here, goto Settings > Reading (modify "Blog pages show at most").

 

2. For bigger older post, modify font size and other style in .navigation class in style.css file

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Davinder Singh Kainth]

Good Idea for sure. In the meantime you can google search, they are so many independent developers sharing Genesis stuff on their personal blogs.

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Davinder Singh Kainth]

1. remove the search widget and then ad code in the text widget in the header right area. Make sure it is small add like 468px width

2. If you want to full width big ad like 920px, then add new widget area at the top of the header.

http://www.basicwp.com/add-new-widget-genesis-homepage/

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Davinder Singh Kainth]

You can set semi transparent image for wrap class as background or use opacity css code

 

http://css-tricks.com/snippets/css/transparent-background-images/

 

http://davidshariff.com/blog/css-transparent-background/

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Davinder Singh Kainth]

Play around with navigation class in style.css file for this look.  You can also look for professional customization services for getting this look to navigation.

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Author]

Posts