raftingspot

@terrathemes,

You are correct, some of these pages were copied and pasted.
Now the process of manually going through, but I’m glad you found it now before the site was completed.
As I’ve said numerous times, thanks for the support as this issue is now resolved!

@terrathemes,

Perfect, I believe this has fixed all of my issues.
Thanks for your time and quick responses!

Update: I do actually have TinyMCE Advanced activated as I am using it for a few other things, however, I won’t change the font until you have a chance to look at this. If you want it deactivated, let me know.

@terrathemes,

Sorry for the delayed response.
Perfect – your recommended changes worked nicely (small typo on width but I eventually figured it out).
I took out the search bar, as I really didn’t like it after you pointed it out.
I used this CSS code to solve my issue for “layout 2”

[code language="css"]
@media only screen and (max-width: 1200px) {
#main-nav ul li {
padding: 0 6px;
}
}
@media only screen and (max-with: 1024px) {
.has-header #masthead.above:not(.above-solid) .topbar,
.has-header #masthead.above:not(.above-solid) .nav-container,
.nav-container {
background-color: #353535 !important;
}
}
[/code]

Now, just one last thing I noticed.
On mobile screen sizes, the Navicon menu gets crunched for menu options with 2 lines (Guide Certification and Rafting Spots). Is there a way to increase this space? Even when there isn’t 2 lines, but still in the Navicon, is there a way to increase this padding slightly to ensure letters don’t overlap top to bottom? I tried a few things, but to no avail.

Once again, thank you for your time and I’m really liking your theme so far (and the quick support).

@terrathemes,
Sorry for the late response here.

I have deactivated TinyMCE Advanced.
Everything is updated on my site.
All of my page layouts use “Page Builder” as then the “Title” of the page does not show up. I do not use the Page Builder plugin and simply just use the visual editor.
My pages should be using H1, H2, H3, and paragraph with the following sizes based on the customizer fonts:
H1: 36
H2: 24
H3: 18
Paragraph (Body Font Size): 50
I set the body font size to 50 to easily see the differences on the pages that it is changing and ones it is not.

The pages that don’t update simply show large spacing like it would be 50 font, but don’t change actual size.
A few of the pages that aren’t changing:
https://raftingspot.com/
https://raftingspot.com/terminology/
https://raftingspot.com/terminology/water-difficulty-levels/
https://raftingspot.com/terminology/hand-signals/
https://raftingspot.com/gear/

A few of the pages that are changing:
https://raftingspot.com/gear/rafts/
https://raftingspot.com/gear/paddles/
https://raftingspot.com/about/

Sounds good, I am going to leave it as is instead of adding in the additional code. Like you said, it is a minimal issue at this time.

Just curious – any idea on the date for the next update to fix that height?
I pasted the code in the additional css section and this fixed everything and I like the ability to customize it.
Thanks for the quick response and helpful answer!

Tobias,

All good, I understand.
I did the following:
1) Removed Pre-Loading animation. I had the same issue.
2) Removed Pre-Loading animation and put in the scrollable container. This worked and I didn’t have shifting problems when moving it.
3) Put Pre-Loading animation back in with the scrollable container. This still worked properly. This is how it currently is.

I actually really like the scrollable table better than the fixed header.
However, my issue now is that the columns in Row 1 seem to be offset to the right compared to the other rows?
Even if I put in additional CSS to set the width of each column by percentages, they don’t all match up.
The website currently has no additional CSS in it.

Let me know your thoughts.