[Ginger]

The Genesis version is at the top of the style.css file in the themes/genesis folder. Child themes are not pushed out with automatic updates like the framework files so that wouldn't be it.

---

@gscoolidge | Support Nerd | Website Producer/Tweaker | IDX Integrations | Hosting Options

[Ginger]

Your site is responsive, there are just some spacing issues at the top around the logo that is pushing it down into the mobile menu area. It's not going to generate a separate site, but rather the configuration changes based on the screen size. You can always compare the contents of your style.css file to the original one in your Foodie Pro theme zip file on a website like diffchecker.com.

---

@gscoolidge | Support Nerd | Website Producer/Tweaker | IDX Integrations | Hosting Options

[Ginger]

Hi Vivian,

I'm not seeing a difference, were you able to get this resolved? If not, can you say what specifically is off in the footer and the two links to compare?

---

@gscoolidge | Support Nerd | Website Producer/Tweaker | IDX Integrations | Hosting Options

[Ginger]

I would suggest Web Savvy Marketing, they have a lot of e-commerce themes. Also I've just discovered these recently: https://www.wpstud.io/

Beyond that, depending on the style you like, here is post of additional Genesis child theme sites:

https://www.nutsandboltsmedia.com/third-party-genesis-child-themes/

---

@gscoolidge | Support Nerd | Website Producer/Tweaker | IDX Integrations | Hosting Options

[Ginger]

Good stuff Victor, thanks for sharing!

---

@gscoolidge | Support Nerd | Website Producer/Tweaker | IDX Integrations | Hosting Options

[Ginger]

Hi there,

I took a look at your styles.css compared to the original Lifestyle Pro theme version and there have been many changes that are causing it to not display properly. Specifically increasing widths for sections like the content area and sidebar are going to make the sidebar not fit. Also the padding has been removed for both the .content .entry and .sidebar .widget sections. This makes everything go to the edge of the screen and is not visually appealing. You can correct that by adding padding: 32px back on both of those sections.

There's a website called Diffchecker.com that can show you the different between two files. This links shows your file and the one that came with the theme. I recommend going through and looking at what was changed to fix the width issues.

https://www.diffchecker.com/stgt8pmy

---

@gscoolidge | Support Nerd | Website Producer/Tweaker | IDX Integrations | Hosting Options

[Ginger]

Hi Chris,

The best way to troubleshoot CSS is in your browser window by right-clicking and selecting Inspect or Inspect Element. This tutorial can help you get started to learn more:

https://www.nutsandboltsmedia.com/how-to-customize-your-genesis-child-theme-with-chromes-inspector/

On the specific link above, have a look in your style-website.css file for the .website-page-3 section. Copy the last two entries for the border to the .website-page-2 section. Then, you'll also need to remove the negative margin in .website-page-4 or you won't see the new border on the screen.

---

@gscoolidge | Support Nerd | Website Producer/Tweaker | IDX Integrations | Hosting Options

[Ginger]

Hello,

Do you still need assistance with this question?

---

@gscoolidge | Support Nerd | Website Producer/Tweaker | IDX Integrations | Hosting Options

[Ginger]

Hello,

Did you still need help with this question? The link points to a site with Modern Studio Pro.

---

@gscoolidge | Support Nerd | Website Producer/Tweaker | IDX Integrations | Hosting Options

[Ginger]

Hi Josh,

I know this post is old but I thought I'd comment anyway. If your starter system is working for you I'd say stay with it. I clicked on the link but honestly found it rather convoluted. What I like about Genesis is the Framework takes care of all the "heavy lifting" and can keep updated, while all of your theme -specific goodies are in the child theme. Genesis provides a clean and clear set of actions, filters and hooks on top of WordPress that let you do anything you need without changing source code. If you'd like a starter child theme that is made more for developers, I'd recommend Utility Pro by Carrie Dils....she sells a developer edition that is quite handy.

(This is an affiliate link)

Here's a link if you'd like to check it out!
http://gingercoolidge.com/Utility-Pro/

---

@gscoolidge | Support Nerd | Website Producer/Tweaker | IDX Integrations | Hosting Options

[Ginger]

Hi Richard, just build on what you inserted previously, using a width for a phone that is in landscape.

---

@gscoolidge | Support Nerd | Website Producer/Tweaker | IDX Integrations | Hosting Options

[Ginger]

Hi Richard,

Ok, the answer is to add CSS to cancel out the 50% width for the .title-area when you site is viewed on a mobile phone device. If you'd like to continue to use this Custom CSS area for simplicity, add this below what you have and it should correct the problem:

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

    .title-area {
	width: 100%;
    }
}

}

I use iPhone screen widths so the iPhone 6 Plus is 414 px wide so it should cover it and the narrower iPhone 6 and iPhone 5 screens. Of course you can adjust that number above if you like.

---

@gscoolidge | Support Nerd | Website Producer/Tweaker | IDX Integrations | Hosting Options

[Ginger]

Hi Richard,

Don't beat yourself up, this is how we all learned 🙂 I would take out the custom CSS for that title-area altogether, you don't need it. When I uncheck it in the browser, it looks fine.

---

@gscoolidge | Support Nerd | Website Producer/Tweaker | IDX Integrations | Hosting Options

[Ginger]

Hi Richard,

All I can think of is are you using the Custom CSS portion of JetPack or another Custom CSS plugin? If not, are you using a plugin that does something with the header ? It's specifically targeting the title-area.

---

@gscoolidge | Support Nerd | Website Producer/Tweaker | IDX Integrations | Hosting Options

[Ginger]

Hi Richard,

When I view this on an iPhone 5 width, I'm seeing this go off screen, not sure that is what you are asking about though. You have a couple of places that are exceeding the screen width of 320px. BTW, to investigate this I'm using Inspect Element, highlighting different things and checking the styling applied to see what goes off the screen.

Your title-area has what appears to be some inline styling with a width of 420px that is causing it to go off screen.

<style id="custom-css-css">.title-area{float:left;width:420px}</style>

Then further down on your homepage, you have some padding-left: 44px that is pushing the text off the screen.

.Standard_Gen-landing ul li {
	background: url('images/1.png') no-repeat;
	margin-bottom: 4px;
	padding-left: 44px;
}

If both of these are corrected, the content will fit nicely on an iPhone 5 or iPhone 6 screen. Hope this helps!

---

@gscoolidge | Support Nerd | Website Producer/Tweaker | IDX Integrations | Hosting Options

[Ginger]

I think you did a great job! Nice, clean and uncluttered design. Looks good on mobile as well.

---

@gscoolidge | Support Nerd | Website Producer/Tweaker | IDX Integrations | Hosting Options

[Ginger]

This site is a good resource for learning Flexbox with a lot of content:

A Complete Guide to Flexbox

---

@gscoolidge | Support Nerd | Website Producer/Tweaker | IDX Integrations | Hosting Options

[Ginger]

Looks like your footer widgets are back? Only suggestion I could think of is compare your functions.php file to the one that came in your original theme .zip file to see what was changed.

---

@gscoolidge | Support Nerd | Website Producer/Tweaker | IDX Integrations | Hosting Options

[Ginger]

That is really a personal preference decision. I think Atmosphere is a good one, it shows large photos on the homepage so I'd suggesting going with what you have.

---

@gscoolidge | Support Nerd | Website Producer/Tweaker | IDX Integrations | Hosting Options

[Ginger]

Yes, new browser windows or tabs will open and PDFs will be displayed. Not sure about Word docs.

I think you should base your links decision of opening a new window or using the existing on the content, not whether it's mobile or not. If you are linking to a page on the same site, then it's Ok, if you are linking to a page on another site, most of the time you want to open a new window so your site is still there in the background -- meaning they will continue on your site if desired.

---

@gscoolidge | Support Nerd | Website Producer/Tweaker | IDX Integrations | Hosting Options

[Author]

Posts