[Davinder Singh Kainth]

Also, to reduce size of content area and make some empty space.

Change..

.content-sidebar #content {
    border-left: none;
    padding: 25px 39px 30px 0px;
}

to...

.content-sidebar #content {
    border-left: none;
    padding: 25px 39px 30px 60px;
}

---

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

[Davinder Singh Kainth]

Add before / above following code in style.css file

/* Responsive Design
------------------------------------------------------------ */

@media only screen and (max-width: 1200px) {

---

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

[Davinder Singh Kainth]

It is difficult to check CSS without live website.

However, if CSS method is not working for you - try a different split menu method used in the modern studio theme - http://demo.studiopress.com/modern-studio/

Try to replicate code used in that theme.

---

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

[Davinder Singh Kainth]

Good Share, for sure - a stuff to remember 😉

---

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

[Davinder Singh Kainth]

1. Define new image size in functions file.

2. Select that image size in Genesis settings.

3. Re-generate all images via plugin.

Images smaller than defined size may still cause problems.

---

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

[Davinder Singh Kainth]

Increase width value in following code in style.css file to widen the text / content part.

.content-sidebar-sidebar .content, .sidebar-content-sidebar .content, .sidebar-sidebar-content .content {
    width: 520px;
}

For content-sidebar layout change. Increase main wrapper width and then make changes to width of content and sidebar.

---

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

[Davinder Singh Kainth]

Add following code to style.css file before media queries

#dd_ajax_float {
   left: -95px !important;
}

Increase / decrease value for finer adjustments.

---

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

[Davinder Singh Kainth]

Ned, welcome Genesis Club!

Site looks neat. One suggestion... set bigger sized evenly spread featured images to posts for more fuller + focused look homepage.

---

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

[Davinder Singh Kainth]

Add following code to style.css file before media queries section

.content {
    border: solid 1px #ddd;
    padding: 3%;
}

---

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

[Davinder Singh Kainth]

Welcome 😉

---

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

[Davinder Singh Kainth]

1. In style.css file change...

.site-header {
    background-color: #000;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

to...

.site-header {
    background-color: transparent;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

2. Then in beaver builder, add -20px as top margin to first row of the builder.

---

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

[Davinder Singh Kainth]

In that case, you would need to build a page template. To get started, you would need to add code of widgets and loop declared in front-page.php file in a different file say new-home.php

---

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

[Davinder Singh Kainth]

Look for following code in style.css file.

.header-image .site-description,
.header-image .site-title a {
	display: block;
	text-indent: -9999px;
}

Remove this line from above
text-indent: -9999px;

---

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

[Davinder Singh Kainth]

Change "cover" to "contain" in the following code (as in custom css plugin) and then check.

.header-image .site-header .wrap {
background: rgba(0, 0, 0, 0) url(“image-name.jpg”) no-repeat scroll left center / cover;
padding: 0;
max-width: 100%;
}

---

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

[Davinder Singh Kainth]

Just rename "front-page.php" to "front-page-old.php" - this will disable template and let normal blog page to display on the homepage.

---

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

[Davinder Singh Kainth]

Refer discussion here - https://wordpress.org/support/topic/will-this-code-limit-the-posts-displayed-to-the-last-14-days

---

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

[Davinder Singh Kainth]

1. Add background-size: contain; to .header-image .site-header .wrap

2. Then adjust min-height / top - bottom padding values for header area as per requirement.

---

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

[Davinder Singh Kainth]

Add following code in style.css file

.page-id-200 .entry-header::after {
	display: none !important;
}

Replace page id number with your actual page id in the above code.

---

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

[Davinder Singh Kainth]

In style.css file:

1. Under this...

@media only screen and (max-width: 800px) {

2. Add...

.nav-primary a {
color: #222 !important;
}

---

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

[Davinder Singh Kainth]

Use this plugin - https://wordpress.org/plugins/genesis-title-toggle/

---

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

[Author]

Posts