[TJohnson]

I found the offending browser add-on on Mozilla Firefox that's inserting the Save button code in our posts and pages. It's the Pinterest Pin It button browser add-on!

I uninstalled it from the browser and the issue stops recurring.

Please spread the word to help other users who may be experiencing the same issue.

[TJohnson]

OK thanks for the tip. 🙂

We'll look into it!

[TJohnson]

Browse to http://www.lizmooredestinationweddings.com/best-destination-weddings/ and you'll find the unwanted save button.

All I did was click on the Visual tab which we always do to publish content and then switch to Text (HTML) tab to make sure the code is clean and the Save button reappears!

Please advise.

[TJohnson]

I've already removed them, but as soon as we update the page or post, the Save button reappears, sometimes multiple times.

Do you need access to the dashboard so you an run your test?

[TJohnson]

Just in case this may help others, here is the interim solution I came up with. The objective was to reduce the rather large header that came with the Outreach Pro theme into something much more compact, specifically for screen dimensions of 480 (typical smart phone in portrait mode).

Originally, we wanted the logo on the left and the sandwich nav icon on the right in a single small horizontal bar at the top of the page. The nav bar though was not playing nice, so we went with the logo on the left, our blog name on the right and the responsive nav bar directly underneath. Now, there has been about an 80% reduction in the size of the header, and the content is much more prominent from the initial view.

I wanted to avoid messing with the templates as much as possible, so we went with a mostly CSS solution.

1) installed a plugin that allowed us to attach individual classes to widgets
2) added our blog name to the header right widget via a text widget and attached a class that only showed in mobile view
3) added a class that would hide the other content in the header right widget in mobile view
3) added the following css to the existing media query:

@media only screen and (max-width: 480px) {
.mobile-only {
display: inline;
}
.hide-in-mobile {
display: none;
}
.title-area {
float: left;
min-height: 25px;
width: 35%;
}
.site-header .widget-area {
padding-top: 3px;
float: right;
width: 55%;
}
.site-description, .site-header .title-area, .site-header .widget-area, .site-title {
height: 25px;
}
.header-image .site-title > a {
float: left;
min-height: 30px;
}
.site-header {
background-color: rgb(88, 155, 55);
color: rgb(255, 255, 255);
min-height: 65px;
}
.site-header .widget-area {
line-height: normal;
}
.site-header .wrap {
padding: 5px;
}
h1.site-title {
margin-top: 3px;
}
.home-bottom {
background-color: #fff;
padding-top: 15px;
}
}

There's room for improvement for sure, but it did the trick in a tight timeline.

[TJohnson]

I too am working on this issue.

I have managed to get a full width header image inserted. I also have a media query that changes the header for cell phone display. But I am having some challenges getting the header image to act responsively as the screen dimensions diminish. I am going to be looking into adding additional media queries today in an attempt to address this, but would prefer to simply have the image change its size and remain fixed to the top of the page as the screen dimensions shrink until I set the next media query.

Has anyone had any luck with this?

[Author]

Posts