Preparing a replacement page fully mirrored …

[Dave]

Update:

Plugin issues:

1. Weaver II to Weaver Xtreme caused the site to lock-up (however, after I reactivated the other plugins one-by-one then ran the site with no issues, I reactivated this one and the site ran without locking up).
2. Weaver Xtreme Plus did not lockup the site, but did reduce the custom hamburger icon and menu back to the small size (the effects of the custom CSS Scrambler provided me with went away)

I currently have Weaver II to Weaver Xtreme and Weaver II Theme Switcher disabled.  They don’t show up in the information bar as “suggested” plugins when I disable them.  Is it safe to say they’re not really needed? If not can they be deleted (of course only after I move the site to our live site once settings are complete).

Any help will be greatly appreciated.

Best,

David

[scrambler]

After you activate a plugin, make sure to clear all caches before testing.

And as far as Xtreme is concerned, the only plugin needed is the Xtreme Theme Support and “Plus” if you bought it. Eventually you need the Shortcode compatibility plugin if you did not change shortcodes manually.

[scrambler]

I dont know if you changed something, but the first rule I gave you for the hamburger icon is not the one needed right now.

The rules you need to change the first rule for the Hamburger icon to
.is-menu-mobile .wvrx-menu-button span {font-size:150%;}

Adn I dont see the second rule I gave you for the text as being applied, so again make sure you clear ALL caches every time

[Dave]

Hi Scrambler-

This is what I currently show in the custom CSS box (Main Options / Fonts & Custom / Custom CSS Rules)

/* —- Custom CSS for the Go Basic Subtheme. These rules make the Continue Reading and next/prev links buttons. —- */
.more-msg {background:#606060; border-radius: 8px; border:1px solid green;padding:2px 5px;margin-left:1%;}
a.more-link {color:white;margin-top:4px;font-size:85%;white-space:nowrap;}
a.more-link:hover {color:#ddd;text-decoration:none;}
/* — end of Go Basic Custom CSS — */
#recent-posts-2 li {margin-bottom:10px;}
.is-menu-mobile .wvrx-menu-button span {font-size:180%;}
.is-mobile-menu a {font-size:170%;}

I went a little larger, cleared everything in my iPhone and the hamber and menu fonts are a little larger.  Certainly better for my eyes at least. 🙂

Plugins:  Yes, I purchased the Pro and have it activated.

Currently, here are the only plugins I have activated:

1. Black Studio TinyMCE Widget
2. Custom Database Applications by Caspio
3. File Away
4. Slideshow
5. TinyMCE Advanced
6. Weaver Xtreme Plus
7. Weaver Xtreme Theme Support
8. Wordfence Security
9. WP Fastest Cache (not currently activated)

I made changes to several database tables from px to % and am still actively looking for any [body] tags I can replace.  Plugin #1 (which you referred) is a gem.  Thank  you for this suggestion.

Best,

David

 

[Dave]

Scrambler-

I added your css code into the “Custom CSS Rules” section suggested:

.is-menu-mobile .wvrx-menu-button span {font-size:200%;}
.is-mobile-menu a {font-size:170%;}

However, I had to uncheck “Use smart menus” for the fonts to show bigger.  For some reason, I can’t seem to get that hamburger icon to enlarge. 🙁

Best,

David

 

[scrambler]

If you change from regular to smart the rule will change, so you need to be upfront with your configuration and not keep changing it every time I give you a rule.

The way you are setup now, the rule for the hamburger icon to use is the first one I had given you

.menu-toggle-button {font-size:150% !important;}

So make up your mind  on which menu to use, use the proper rule and post back with the rule in place if it does not work.

[Dave]

Hi Scrambler-

My apology. I’ve been trying different things on the beta site in preparation for the migration into the live site. I lack the skills you guys have so I’m sorry for my ignorance.

I removed the following and inserted your rule with smart menu off.

Removed:

.is-menu-mobile .wvrx-menu-button span {font-size:200%;}
.is-mobile-menu a {font-size:170%;}

Inserted your rule above and everything is small again. It attempts to get large for a split second but then resumes the smaller size. 🙁

Best,
David

[scrambler]

The rule for the hamburger icon is working for me, just make it 200% and you should see it.

You still need to keep the other rule for the menu items, as that one is the same for all menu

.is-mobile-menu a {font-size:170%;}

.menu-toggle-button {font-size:150% !important;}

[scrambler]

The rule for the hamburger icon is active and doing its job when I look at your site, just make it 200% and you should see it.

You still need to keep the other rule for the menu items, as that one is the same for all menu

.is-mobile-menu a {font-size:170%;}

.menu-toggle-button {font-size:200% !important;}

Make sure to clear ALL your caches

[Dave]

Thanks Scrambler.

Using iPhone 7+ on my end. Fonts in the menu are definitely bigger. Hamburger icon still small.

Here’s what I have:

/* —- Custom CSS for the Go Basic Subtheme. These rules make the Continue Reading and next/prev links buttons. —- */
.more-msg {background:#606060; border-radius: 8px; border:1px solid green;padding:2px 5px;margin-left:1%;}
a.more-link {color:white;margin-top:4px;font-size:85%;white-space:nowrap;}
a.more-link:hover {color:#ddd;text-decoration:none;}
/* — end of Go Basic Custom CSS — */
#recent-posts-2 li {margin-bottom:10px;}
.is-mobile-menu a {font-size:200%;}
.menu-toggle-button {font-size:150% !important;}

Best,
David

[Dave]

Ahhhhh I see where I messed up. I needed to increase the size of the second rule. Made it 200 and now it’s bigger.

Will going 250-300 break it?

[scrambler]

As I said, the rule is active and working. make the rule 250% instead of 150%

.is-mobile-menu a {font-size:200%;}
.menu-toggle-button {font-size:250% !important;}

If you still dont see it on the IPhone you probably have a cache issue, clear the browser data cache or test a different device

[Dave]

Scrambler-

Now it’s spot on.

I made an exact copy of the live site, followed the Weaver II Pro to Weaver Xtreme Pro to the letter. I deactivated the license in the Beta site and made it active on the replacement site.

http://cdvps.org/xtreme

I then saved all settings from the beta site and uploaded them to the Xtreme site above. Can’t seem to get rid of the lines for the table on the first page and every page is showing the page title. I know there’s a plugin to remove all page titles, but I try to keep plugins to a bare minimum whenever possible.

Aside from that, I’d say the process went quite well. I aslo remove the [body] tags and will rebuild that using the plugin you suggested on the beta site. The Xtreme will eventually go/replace the live site running Weaver II Pro.

Best,
David

[scrambler]

removing page titles is something you do on each page using the per page option “Hide page title” DO make sure you have installed the Xtreme Theme Support plugin, as page / post options at in there.

The reason your tables have a border is because it is added in the table HTML

<table border=”1″ cellspacing=”0″ cellpadding=”0″>

We could override with the CSS below, but the best would be to remove the border attribute from the table HTML

table, table td {border:none;}

 

[Dave]

Thanks Scrambler-

I’ll make that change when I get home.

For what it’s worth, I don’t recall going through every single page and removing the page/post titles. I also know this site was not built from scratch using Xtreme, but instead upgraded from Weaver II Pro. Yet, no page/post titles exist.

I also went into the posts archives and nothing. I assure you I would have very much remembered removing the title from every single page/post. Unfortunately, I can’t remember how this was accomplished so I’m unable to replicate. 🙁

If I must resort to a plugin, does this add a CSS code we can use then remove the plugin afterwards?

Having to remove every page/post title is quite taxing to say the least. ☹️

Best,

David

[Dave]

Scrambler-

That table attribute change for the borders worked perfectly. How you’re able to see inside the code is impressive and beyond me. 👍🏻

I’m almost there. I need to copy the hamburger menu CSS settings you provided (thank you again), from the beta site to the Xtreme site. Then, since I have some time, I’ll start manually removing all page titles, then posts until they’re all done (there are many).

Finally, when everything is done, I’ll make the transition.

I have another task which involves adding my secondary menu within the Neighborhood Services pages. Do you recommend I start a new thread just for that topic so folks can benefit from any help provided?

Best,

David

[Author]

Posts