Enfold – 'Losing' Characters of Text in Blog Post

Victoria,

Thanks for the response and the code, however, after putting the code first into the quick CSS, then in the custom CSS file, neither worked (and I cleared both the Wp-Rocket and GoDaddy caches):

https://wjcousinsandassociates.com/services/

It just seems not to work properly in portrait orientation (and I checked it on 3 different iPhones and three different browsers).

Thoughts?

Thanks for your help.

Mark Besh
Visual Impact Systems

Victoria,

Changed both instances to 989, flushed both caches, and it did not change anything—it is still ‘chopping off’ the end of “Management,” the spacing below the red line is still huge and there is no spacing above the third blog post pic (like there is above the second blog post pic).

http://visualimpactsystems.com/WJCousinsAndAssociates-HomePage.JPG
http://visualimpactsystems.com/WJCousinsAndAssociates-ServicesPage.JPG
http://visualimpactsystems.com/WJCousinsAndAssociates-BlogPage.JPG
(Pics of iPhone 8 with iOS 13.5.1)
[ Other more up-to-date iPhones with the latest iOS also show the same thhing].

Thanks for looking into this for us.

Mark Besh
Visual Impact Systems

P.S. Custom CSS file below…

============

/* Have fun adding your style here :) – PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
/* Add your Desktop Styles here */

}

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 989px) {
/* Add your Mobile Styles here */

}

@media only screen and (max-width: 989px) {
#top.home #av-layout-grid-1 .avia-builder-el-8,
#top.home #av-layout-grid-1 .avia-builder-el-11,
#top #av-layout-grid-1 .avia-builder-el-5 {
display: none;
padding: 0 !important;
}
#top h3 a {
font-size: 18px;
text-transform: none;
}

.responsive #top.postid-25 #wrap_all .flex_column {
margin-bottom: 0;
}
#top.postid-25 .content {
padding-bottom:0;
}
}

Victoria,

Thanks for checking this out on your phone. Yes, it is working on my iPhone now, too. [ I’m thinking it was the WP-Rocket cache that is set to “officially” flush every 10 days (in the plugin setup), even though I used its “Flush Cache” feature multiple times ]. (Maybe it is the ‘interaction’ between GoDaddy’s Sucuri cache and WP-Rocket’s cache). Hmmm. Thanks.

Now, on the “Services” page (only on the iPad), the “Our Services” pics are not as big as the ones on the Home page and are left-justified. Can you help me make them center justified and the same size as they are on the Home page? [ You can see this happen by making the width of the browser window on the Desktop smaller and smaller, and when you get small enough, it ‘jumps’ to left-justified (which evidently ’emulates’ the iPad width), and then back to centered when you get a bit smaller (’emulating’ mobile width then?) ]. [ *** I noticed that this happens when the menu goes to Hamburger ]
https://wjcousinsandassociates.com/services/

Also, can the text size of the “WJ COUSINS AND ASSOCIATES IS A CANNABIS SECURITY…” text block and the “WHY US?” text block below on the Home page be smaller in size (maybe 75% size) when viewed on Tablet and on Mobile? (Desktop size is okay).

Note: The space above the third blog pic (on the phone only) still does not have the same space above it as does the second blog post pic.

I REALLY appreciate all your help on this!

Mark Besh
Visual Impact Systems

• This reply was modified 3 years, 9 months ago by mbesh. Reason: *** I noticed

Victoria,

Thank you VERY MUCH for being so patient with me on this (our client is a real ‘stickler’).

I changed your last code to a max-width of 989, so the picture boxes are larger (like last time). Now, would it be possible to make them a bit smaller on the Services page (and we might as well match the sizes on the Home page), to ‘line up’ with the outside ‘edges’ of the “Hero” pic and the outside of the text ‘box’ below?
https://visualimpactsystems.com/P1270765.JPG
https://visualimpactsystems.com/P1270766.JPG
[ Kind of like this, when you reduce the desktop browser a bit less than tablet width: http://visualimpactsystems.com/Screen%20Shot%202021-02-26%20at%204.04.06%20PM.png ]

Would it also be possible to make these pics into one ‘column’ instead of the current two columns ONLY in ‘portrait’ orientation and ONLY on the phone?
https://visualimpactsystems.com/P1270760.JPG

Then, for whatever reason (and I have been clearing ALL caches), there still is no space above the third pic on the Blog page ONLY on the phone and ONLY in ‘portrait’ orientation.
https://visualimpactsystems.com/P1270761.JPG

Again, I really appreciate all your effort on this.

Mark Besh
Visual Impact Systems

Victoria,

Any thoughts on the 2 ‘issues’ mentioned on March 9th?

Mark Besh
Visual Impact Systems

Victoria,

That did work for the third blog post picture down, BUT it also ‘pushed’ down the right side column pics on both the Home and Services pages. Can this be limited to just the Blog page?

ALSO, as a reminder…
So now, would it be possible on both the “Home” page and the “Services” pages that when this ‘grouping’ of 4 items is viewed on a phone—only in portrait orientation— could they be only one item ‘wide’ (a ‘column’ that has each item stacked on top of each other — as it works on our site using Angular: https://visualimpactsystems.com/ ).

Thanks for your help.

Mark Besh
Visual Impact Systems