[karinschultz]

Hi Sakin,  Just activiated the upgrade today.  Ths site was activated from a  static front page in the free version. Everything worked fine here.

So here are the issues with pro:

In the menu bar, I want to change the “Home” to “Home Sweet Home”.  No matter what I do, it will not allow me to do this.

I’ve checked the menu – The term “Home” is not an option in my menu

I’ve checked the permalink for this page – its not allowing me to edit the permalink on this page.  What I had was http://www.iwrite….com/home-sweet-homeWhat is shows now is the http://www.iwritegreatcopy.com.

It looks like something in the CSS is overriding this.  As I had it correct in the free version, how can I correct this in the Pro?

So what I would like is the menu to read Home Sweet Home, not Home.

What do I need to get this there?

Karin

 

I

[Sakin]

@karinschultz: In the menu bar, I want to change the “Home” to “Home Sweet Home”. No matter what I do, it will not allow me to do this.
— To get flexibility with menu, user custom menu, build your own. Just to go “Appearance => Menu”. See this for more details http://en.support.wordpress.com/menus/. To add home just on Go to Page box, then click on “View All” tab and then, check “Home: Home” and add to menu. this will add home to top of your menu, then edit the label of Home to Home Sweet Home.

[karinschultz]

Hi Sakin, Thanks for the tip – didn’t check the view all button which had the home:home sweet home listed.  To get this to work I had to delete the original from the menu and then add the home:home sweet home and then change the label.

However in doing so, the menu did not line up properly – right justified. Below is what I had in the free version. Any suggestions on how to correct this so that the menu and the last box lines up right justified?

This is what I have in the CSS box

What#header #mainmenu ul li:last-child { border-right: none; }
#header #mainmenu ul li:last-child a { padding: 0 16 px 0 17px; }

#main #content .wp-caption img { padding: 5px; }

Background colour

Also – I changed the colour on the header in the free version (see below), but the colour has not changed in the pro (still basic grey) even though its in the custom CSS.  Is there something I’m missing?

#header { background: none #eafdfc; }
#footer { background: none #dafcfa; }

[Sakin]

@karinschultz: Simple Catch Free and Simple Catch Pro theme are totally different system. Simple Catch Free theme is build in HTML4 and CSS2 but Simple Catch Pro is build in HTML5, CSS3 and Responsive web design. So, many of the custom css from free will not work in pro. So, it’s better to remove all the custom css from free version.

For menu in pro version, remove the css from free and add the following:
`
#access ul li a { padding: 0 23px; }
#access ul li:last-child { border-right: none;}
#access ul li:last-child a { padding: 0 20px 0 21px; }
`

For color in pro version, there is great color option in your theme options panel. Go to “Appearance => Theme Options => Color Options”

[karinschultz]

Hi Sakin – Works like a charm!  Thanks for the info. As the CSS was there when I did the upgrade from free, I thought that the same would apply.

Karin

[karinschultz]

Hi Sakin,

I added this to the custom CSS as you suggested, and it worked this morning, but this evening, I have the menu on 2 lines.  I would like the entire menu on one line.  Is there something I’m missing?
`#access ul li a { padding: 0 23px; }
#access ul li:last-child { border-right: none;}
#access ul li:last-child a { padding: 0 20px 0 21px; }

Thanks for your help.

karin
`
 

 

[Sakin]

@karinschultz: This Simple Catch Pro theme is responsive design. So, either you can disable responsive design from “Appearance => Theme Options => Responsive Design”. or you have to adjust for smaller screen. I think you scroll down your browser little bit or checked it from other devices. So, the complete set of css can be as following.
`
#access ul li a { padding: 0 23px; }
#access ul li:last-child { border-right: none;}
#access ul li:last-child a { padding: 0 20px 0 21px; }
/* For Smaller screen with max width 1100px */

@media screen and (max-width: 1100px) {
#access ul li a { padding: 0 14px; }
#access ul li:last-child a { padding: 0 15px 0 16px; }
}
`

I also see the issue in search button. Please add the following css
#branding .searchform button { width: auto; }

#branding .searchform button { width: auto; }

[karinschultz]

Hi Sakin, Works like a charm.  Did not check off the “responsive box”.  As I only want select copy to appear on my mobile, the original thought I had was to use another theme for mobile and the Catch Pro as my site/blog.

If I do decide to use Pro for mobile, can you specify the page or blog post (recent)you want to send?

thanks for you help.

Karin

[Author]

Posts