Corbett Enders

It doesn’t look misaligned for me… maybe clear your browser cache?

From what I can tell, it is the same file loading twice with different version numbers. Do you have a function in your functions.php that is loading the parent CSS? With Storefront, you don’t need to do that.

Did you try my child css code, and did it clean up your NAV?

I think you need to start be reducing the complexity of your css file. Don’t style the menu using the css IDs of each item. Use their classes instead, that way li#menu-item-8, li#menu-item-25, li#menu-item-26, etc can be styled by one group of tags.

Secondly, it seems to me that your parent CSS is loading TWO parent css files, one with version 4.6.1 and the other with version 2.1.5. No idea why or how that is happening. Probably not causing any cosmetic grief but it will slow load times as every style is loading twice and one overriding the other.

As for your child CSS, replace your file with the following cleaned up code and see if it helps. Make a backup of your child css first:

/*
Theme Name: storefront child
Author: Carlos Jaramillo
Template: storefront
Version: 1.6.1
*/

/* write custom css */

/* Hide Page title*/
.entry-title {
display: none;
}
/* Space left from nav to content*/
.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header, .no-wc-breadcrumb .site-header {
margin-bottom: 0em;
}
/* Branding Space*/
.site-header .site-branding {
display: block;
width: 21.7391304348%;
float: left;
margin-right: 4.347826087%;
clear: both;
margin-bottom: 0.5em;
margin-left: -0.8em;
}

/* Main Desktop Nav */

@media (min-width: 767px) {
ul#menu-principal {
background: black !important;
padding-left: 1em;
margin-left: -1em;
}
ul#menu-principal li.menu-item {
color: white !important;
}
ul#menu-principal li.menu-item a:link {
color: white !important;
}
ul#menu-principal li.menu-item a:visited {
color: white !important;
}
ul#menu-principal li.menu-item a:hover {
color: #5fa0cd !important;
}
ul.sub-menu {
background-color: Black;
}
/*Show current page on Nav Menu*/

li.current-menu-item {
background-color: #808080 !important;
}
/* LATERAL COLOR*/
.storefront-primary-navigation {
/*clear: both;*/
/*background: rgba(0,0,0,.06);*/
background-color: #5fa0cd;/* #6e0000 deep red wine*//* #5f9bda neve like blue*/
/* neve like blue2 #5fa0cd*/
/* neve like blue3 #64a0d3*/
}
/* Alignment */

/* .main-navigation ul li a, .secondary-navigation ul li a {
display: -webkit-inline-box;
} */

/* end of desktop section */
}

/* remove white space on mobile navigation */
@media (max-width: 767px) {
.page-template-template-homepage .site-main {
padding-top: 0em !important;
}
}

/* Mobile Navigation Style */
@media (max-width: 767px) {
.main-navigation.toggled .handheld-navigation, .main-navigation.toggled .menu>ul:not(.nav-menu), .main-navigation.toggled ul[aria-expanded=true] {
max-height: 1750px;
/*font-family: arial;*/
background-color: #b5d3eb;/*text-transform: uppercase;*//*margin-left: 0.5em;*/
}
.main-navigation ul li a {
padding: .875em 0;
display: block;
margin-left: 3.2em;
}
}

/* LOGO / NAV DESKTOP Position – saves space on top */
@media (min-width: 767px) {
.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header, .no-wc-breadcrumb .site-header {
margin-bottom: 0em;
margin-top: -2em;
}
}

/*LOGO MOBILE POSITION*/
@media (max-width: 767px) {
.site-header .custom-logo-link img, .site-header .site-logo-anchor img, .site-header .site-logo-link img {
max-width: 210px;
margin-left: 2em;
margin-top: -0.8em;
}
}

/* END SO FAR */

You’ll have to browse your site files (via FTP or CPANEL) and locate the german language file and edit it.

Alternatively, go into WordPress Settings, General and scroll down to Site Language. See what is listed there. If it looks like you are using a “custom” language in the “installed” section, scroll down and try one of the available Deutsche choices to see if it fixed. It should download and change the language once you click save.

If you made a manual backup in cpanel before you had wordpress reinstalled, you should be able to locate the restore function in cpanel and restore it.

Ok, you are running a foreign language in WordPress and that is why the word item is price by mistake.

I suspect you downloaded and installed the German one from here:

https://docs.woocommerce.com/document/installing-storefront-in-your-language/

I would get the latest file from https://translate.www.ads-software.com/projects/wp-themes/storefront/language-packs and then edit.

Line 244 and 245 of the .PO file, change the preis to artikel . Find the file on your directory and replace it.

Are you using a 3rd party menu plugin of some sort?

lifoonwa, if you want your content back you will need to restore the site from a backup. You can’t manually import wordpress content into a fresh install from a downloaded backup.

Wordpress consists of two things. The files and a database. Your parsing error was a problem with a single file. The content is inside the database.

Can you restore the site fully from an older backup to the point where you are back to having the error?

If you can’t manage to edit your custom.css file or don’t know how… do you know how to use Cpanel to upload a new file? If yes, then I can edit the custom.css for you and you can upload it.

So it seems then that you are not running a child theme and are instead using a fully custom css file in the main theme (not sure how that was set up).

If you have FTP or CPANEL file manager access, you should be able to edit custom.css (in the path you wrote) and make the change you need.

Add this snippet of code to your custom.css file and you’ll get this result https://postimg.org/image/l3fvwanin/ then simply adjust color accordingly. (the .2 changes the transparency)

.current_page_item {
background:rgba(255,255,255,.2);
}

By default it is supposed to say items (and in front of that, show the quantity of items). Maybe somewhere in your child theme you are changing item to price and need to undo that.

If you are editing wp-content/themes/storefront/inc/storefront-template-functions.php then your edits will get lost when the theme is updated.

You need to use a child theme and place my code in the functions.php, this is the proper method.

Do you have a child theme? You need one, and then you’ll add that code into your child theme style.css file.

Why would you edit a core template file, when you can just override it with this code?

add_action( ‘init’, ‘custom_remove_footer_credit’, 10 );

function custom_remove_footer_credit () {
remove_action( ‘storefront_footer’, ‘storefront_credit’, 20 );
add_action( ‘storefront_footer’, ‘custom_storefront_credit’, 20 );
}

function custom_storefront_credit() {
?>
<div class=”site-info”>
© <?php echo get_bloginfo( ‘name’ ) . ‘ ‘ . date(‘Y’); ?>
</div><!– .site-info –>
<?php
}

This is what I’m using:

.current_page_item {
background:rgba(255,255,255,.2);
}