Makes no difference regarding the footer

Thank you for your replies! Setting the primary color right solved a lot of problems. That was my mistake..

Problems that are still remaining are the following:

1. some pages don´t respond to footer and socket style settings, some do. (actually the link color of the footer links changed to the primary color as well, but in footer settings the are set to #fcfcfc and thats what they are supposed to be. see http://www.eiweisspulver-test.com/whey-protein/esn-designer-whey for a correct example) The problem applies to all pages I updated recently.

2. More updating problems: On three specific pages there are even more severe problems occuring after I try to update them

On these two the tables get completely messed up:

http://www.eiweisspulver-test.com/casein/my-supps-100-natural-casein
http://www.eiweisspulver-test.com/sojaprotein/my-supps-100-natural-soy-isolate

On this one the middle section which has a 1/2-1/2 layout is displayed one below the other.

http://www.eiweisspulver-test.com/whey-protein/body-attack-extreme-whey-deluxe

I set all these three pages back to a version that is working but I need to be able to update them.

There are some quick css modifications. With html codes I couldn´t find any problems.

Hi Elliott,

thanks for the ideas but it´s not what I´m looking for. Actually an image thats able to change on hover to a different one would do the job. Is that possible somehow?

Regards,

Arkadi

I understand that on smaller screens one line is not enough. I guess thats fine and also i can see if I change the menu items.

But the overall style of the menu is still flawed. The spaces on the left and right side of the items are inconsistent i.e. they don´t have the same size. For example item “Bio” has a bigger space on the right side than on the left, item “Weight Gainer” a bigger space on the left and item “Über” a much bigger space on the right. Also the spaces are too big in general and the items are stretched over the full size of line. I think they should rather be centered. I checked it on several screens. Looks the same everywhere.

Hi,

what exactly do you want me to remove. Concerning the navigation there is the following in the quick css:

.menu > li:first-child a {
    border-left: 0 none !important;
}
#header_main_alternative { border: 0px !important; }
.menu > li:last-child a {
  border-right: 0 none !important;
}

.av-main-nav > li > a { border: none !important; }
#header_main_alternate { border-top-color: transparent!important; }
.av-main-nav > li > a > .avia-menu-text { border-left: 1px solid; padding-left: 18px; }
li#menu-item-1460 > a > .avia-menu-text { border: none; padding-left: 0; }

.av-main-nav > li > a { padding: 0; }

.title_container {
background-color: #e2e2e2;
}

.av-main-nav > li > a > .avia-menu-text {
  padding-right: 0;
}
#top .av_seperator_big_border#header .av-main-nav > li > a {
  padding-left: 0;
}
#header #header_main_alternate .container {
max-width: 100%; 
padding: 0; 
}

Removing all of that and replacing it with the code you gave me leads to a terrible result.

Alright, thank you very much!

No idea how to do it?

Just to clarify once again:

– the separators between the links are now too wide apart from the links. On the left side of the link I can change it via “padding” but not on the right side

– I would like the bar that displays the title of each page (on my homepage it is “Eiweißpulver Test – der Supplement Guide”) to be like the one in the example I provided earlier i.e. with grey background

Thanks for your help!

http://www.eiweisspulver-test.com/

Perfect. Thank you!

I did what you said but it doesn´t change anything. Here is a screenshot:

There you can see the black arrow icons and percentage values next to them are aligned left. They should be centered, as well.

Cheers,
Arkadi