[rsmithsd]

The theme was easy to customize and support was very responsive. I had to contact them regarding the responsive sub menus not opening on the first click and they provided the fix right away. You might experience the same thing if SP hasn’t updated their download.

[rsmithsd]

Thanks Victor. I'm not sure how to fix this but I'll contact the themes support for help.

[rsmithsd]

After extensive testing it seems the longer the article the slower the after entry newsletter loads. Short article it loads quickly and on time like the demo site. Over 800 words with general formatting including bold, lists, headers etc. it loads slowly or not at all on mobile devices.

[rsmithsd]

Thanks Porter, it does work great! I appreciate the follow up.

[rsmithsd]

Thanks everyone. I gave up. When I made the changes safari didn't update though it did in Chrome and Firefox. I'll try another theme.

[rsmithsd]

Yes, I followed the instructions but they did not address this issue.

[rsmithsd]

I would like the front page content to stretch horizontally across the screen and be flush with site header vertically.

[rsmithsd]

Sorry this is late. Hopefully you've already made the changes.

//iPad (Do not included this text)

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

.site-header {
padding-bottom: 10px;
padding-bottom: 1rem;
}

.title-area {
padding-bottom: 6px;
padding-bottom: 0.6rem;
}

.minimum .site-tagline {
margin-top: 200px;
margin-top: 50rem;
}

.genesis-nav-menu a {
padding: 20px 10px;
padding: 2rem 1rem;
}

.site-footer .nav-secondary a {
margin: 0 10px;
margin: 0 1rem;
}

.responsive-menu {
display: none;
}

#responsive-menu-icon {
display: block;
}

.home-featured .simple-social-icons ul li a {
font-size: 36px !important;
font-size: 3.6rem !important;
padding: 20px !important;
padding: 2rem !important;
}

.genesis-grid-even,
.genesis-grid-odd,
.post-type-archive-portfolio .entry {
width: 100%;
}

.post-type-archive-portfolio .entry:nth-of-type(2n),
.post-type-archive-portfolio .entry:nth-of-type(2n+1) {
float: none;
padding: 0;
}

.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
margin: 0;
width: 100%;
}

}

//iPhone (Do not include this text)

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

.header-image .site-header .title-area .site-title a {
background-size: contain !important;
}

.minimum .site-tagline {
margin-top: 200px;
margin-top: 20rem;
}

[rsmithsd]

Hi Cara, to adjust the window height change the margin-top: (X)rem higher or lower based on the focus of your photo. I have the iPad set to 50rem and iPhone set to 20rem. Let me know if you have any questions.

Here's the code:

iPad - 768px

.minimum .site-tagline {
margin-top: 200px;
margin-top: 50rem;

iphone

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

.header-image .site-header .title-area .site-title a {
background-size: contain !important;
}

.minimum .site-tagline {
margin-top: 200px;
margin-top: 20rem;
}

}

[rsmithsd]

So I did what you said it also changed the iphone height for some reason. But then I figured it out. I put the rem at 40 at the ipdad resolution and then added the original code on the smaller iphone resolution keeping it the same. That allowed me to change both the ipad and iphone independantly. Works great! Thank you for pointing me in the right direction.

[rsmithsd]

Just awesome!  Thank you Susan.

[rsmithsd]

Thank you.

[rsmithsd]

That would help.  http://iarise.org

Thank you for your help.  It works fine across mobile browsers, Safari, FireFox and Chrome so far.  Just IE8 has given me the issue. Questions off topic, how do I upload an image to my profile.

[rsmithsd]

I have the same issue with magazine theme on ie8.  Hope someone replies.

[Author]

Posts