[StevenAnderson_EmoryParticipant]

Hi there-
I’m noticing some problems when I view my site in Safari on my iPhone that I don’t see on my desktop Chrome (with narrowed browser window) or in Google Resizer.

See http://test.emoryadmission.com

1. Ghost Logo text appears in index page

2. Featured posts and Featured images drop out of index page

3. “/” divider between date and “leave a comment”drops out in post Meta

I sure would appreciate your help–I just can’t figure it out.

Thanks,
-Steve

[RadModerator]

Hi there,

Thanks for posting in.

1. I’m not sure what ghost logo is, but the only difference that I can see from desktop and mobile is the stacking of logo image and text. Should the text there? Or should be hidden on both desktop and mobile?

2. It’s okay in my view, would you mind providing a screenshot?

3. This too, it’s okay on my end. Please provide a screenshot.

Based on your given issues, it sounds like your mobile screen is too small that even the normal text is stacking? Though iPhone should have bigger screen enough to display them in line. Maybe something else, please provide the screenshots requested 🙂

Thanks!

[StevenAnderson_EmoryParticipant]

Thanks for replying so quickly!

The title in black should be hidden above the logo.

[StevenAnderson_EmoryParticipant]

featured image is missing, also divider between meta info

[JadeModerator]

Hi there,

#1 Please add this CSS:

@media (max-width: 480px) {
    .x-logobar h1.visually-hidden {
        display: none !important;
    }
}

#2 and #3 I would love to check further in your backend what is causing this weird issue. Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[StevenAnderson_EmoryParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

Do you have any customization added to your template? It appears that the issue is random and it’s affecting all relative layout. My guess is the slider above it, but I can’t confirm it since FTP login isn’t working.

Please provide the correct login.

Thanks!

[StevenAnderson_EmoryParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

I did some testing and I can’t find it, in my test, the links that wraps the item aren’t taking shape (eg. inline vs block display ). In that case, please add this CSS to Admin > Appearance > Customizer > Custom > CSS

.home article > a{
    padding: 53px !important;
}
.home article > a {
    padding-bottom: 65% !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
}

.home article > a {
    display: block !important;
    position: relative !important;
    overflow: hidden !important;
}

Hope this helps.

[StevenAnderson_EmoryParticipant]

Hi there- yes, I can now see the two Featured Posts on the Home Page.

I’m still having trouble with the Featured Images in the Home Page. I was able to add some custom CSS to add padding and a pink background color so I can see where the image is supposed to be, but I’m at a loss.

Could any of this have to do with how ::after is behaving? I noticed that the frontslash divider between the Meta info is ruled by ::after.

I feel like we can get to the bottom of this…

Thanks,
-Steve

[ZeshanMember]

Hi Steve,

Another support here, I’ve tested your site in detail, and it seems you have overwritten theme default ethos.css stylesheet: http://test.emoryadmission.com/wp-content/themes/x/framework/css/dist/site/stacks/ethos.css?ver=4.3.4. It’s not recommended to make changes to the parent theme files. As you have made changes, there are many syntax errors in that stylesheet that is causing most of the styling not to work on mobiles.

If I replace original theme stylesheet with your custom one, it shows featured image just fine (see: http://prntscr.com/aky90r). At this time, this particular customization request is outside the scope of our support as this is not related to an issue with the theme and instead has to do with your customization of it. As such, you will need to investigate this particular issue on your own or seek help from a developer should you not feel comfortable making these changes yourself. If you have any further questions about the theme, we are more than happy to provide you with assistance on these inquiries.

Meanwhile, it is recommended to use Customizer CSS section or child theme‘s style.css file to overwrite theme default styling with your custom one. You should never make changes to the core theme files because they will get overwritten when a theme update comes.

Thank you for your understanding.

[StevenAnderson_EmoryParticipant]

Thanks, this is a big help! I do understand, I think that was an early attempt to try something before I figured out how to use child themes.

I’ve restored the original ethos.css, and everything seems to be working correctly!
-Steve

[Paul RModerator]

You’re welcome! 🙂

[Author]

Posts