Portfolio overview background color do not change

Hi Flo, could you provide a link to the specific page on site where you’re having an issue?

Hello Kathryn,

thanks for your response… here you have the example page. if you use the link “Angebote” the background is dark gray… at the “Portfolio” link the background is light gray…

I have also an other issue, the sozial link buttons not shown on my firefox. Also the buttons are not shown on small window sizes (e.g. iPad Mini 1, iPad 2…) but there is enough space for them…

Regards

Florian

Hi Florian, thanks for the link.

For what it’s worth, it’s extremely hard to read the black text on dark grey background on my screen. You might consider lightening up the shade.

You can use this custom CSS to make the background of that portfolio archive page the same colour:

.post-type-archive-jetpack-portfolio {
  background-color: #a0a0a0 !important;
}

I have also an other issue, the sozial link buttons not shown on my firefox.

What version of Firefox are you using? I can see them fine in Firefox 39:

Also the buttons are not shown on small window sizes (e.g. iPad Mini 1, iPad 2…) but there is enough space for them…

I’ll get back to you on this one.

Also the buttons are not shown on small window sizes (e.g. iPad Mini 1, iPad 2…) but there is enough space for them…

OK, I had a look at this, as did one of our developers. Harmonic is designed to replace the entire main header – including the social icons – with a mobile version under 1024px wide, which covers tablets like the iPad. For this reason it’s not a simple change to make the social icons display at tablet size.

This custom CSS would restore the desktop version of the header, including icons and menu, at screens above 500px:

@media only screen and (min-width: 500px) {
    #site-branding,
    #site-navigation {
        display: block;
        padding: 0 0 0 40px;
    }

    #mobile-panel {
        display: none;
    }

    .desktop-nav {
        display: block;
    }
}

We have not heavily tested this, so if you use it, we’d suggest you test things like dropdown menus and various device sizes, to make sure everything works as expected. Also keep in mind that it makes the desktop menu display on tablets, which is not as usable an experience as the mobile menu on a touch device.

An alternative to the CSS route would be to display the widget section within the Customizer’s Theme options, and add a widget there with your social media icons.

Hello,

my Firefox is 38.0.1 on a Debian Jessy. See picture. Hm… that is not the solution i like. I like to show the mobile menu in combination with social icons. The Desktop menu on a tablet or a device with 500px make no sense.

Do you have a How to create a child theme, so that i can develop my own child theme of harmonic?

…For what it’s worth, it’s extremely hard to read the black text on dark grey…

… to report the bug/feature and improve the theme :-). I experiment with a black background and with text, there i saw this “bug”.

found some other issues with the themes behavior :-). If you like we can share them via email.

Thanks

Florian

Do you have a How to create a child theme, so that i can develop my own child theme of harmonic?

Sure – here are some guides:

https://codex.www.ads-software.com/Child_Themes
https://op111.net/53/
https://vimeo.com/39023468

found some other issues with the themes behavior :-). If you like we can share them via email.

Feel free to report any bugs here.

my Firefox is 38.0.1 on a Debian Jessy

I’m not sure why you’re not seeing the icons there. Can you see them on the demo site?

https://harmonicdemo.wordpress.com/

Hello,

for example, at the Desktop version the footer at the front page and the portfolio page is fixed at the bottom. And at the other pages (Angebot/ Kontakt/ Impressum) it is at the end of the text.
In the mobile site (ipad mini 1) the footer is fixed at the bottom of the window in at the pages (Angebot / Kontakt/ Impressum). And at the front page and the portfolio page the footer is fixed at the end of the text.

you can see that behavior at my site.

also the header have some problems wenn i change the margin of the article area. I removed the Headline and so the text (see blog / Kontakt/ Angebot) is really near the Header area. If i put a margin to the article area the header comes down a bit and you see the background over the header.

that is what i found until jet. i will search to day in the php code and css from harmonic to find the problem. if you like i can post the result, if i find the “bug”.

Florian

Hello,

I’m not sure why you’re not seeing the icons there. Can you see them on the demo site?

https://harmonicdemo.wordpress.com/

No, also no Sozial Menu…

Florian

PS Didn’t find a good soluiton… but find an other issu. The footer text on the main page in mobile version is at the right border without a margin/padding…

Hello,

Thanks for the Guides. I started to create a child theme, hard work ?? but not impossible…

Regards Florian

Regarding the missing social menu, could you please let me know what version of Firefox you’re using and what operating system? If you’re not sure, you can visit: https://supportdetails.com/

Oh, I apologize, you mentioned your version and OS earlier.

my Firefox is 38.0.1 on a Debian Jessy

It’s possible there is something particular about your OS causing the issue. I will check and see if I have access to a test server with that OS.

for example, at the Desktop version the footer at the front page and the portfolio page is fixed at the bottom. And at the other pages (Angebot/ Kontakt/ Impressum) it is at the end of the text.

That’s a design decision made by the developer, which can be altered in a child theme with custom CSS. If you tell me the behaviour you prefer I can try to help you with the code.

I had a colleague running Linux Mint 17.2 with Firefox test the social menu and they were able to see the icons correctly. I’m trying to locate someone running the same OS as you, but in the meantime could you please try turning off all Firefox extensions or running it in safe mode to see if an add-on is conflicting?

https://support.mozilla.org/en-US/kb/disable-or-remove-add-ons

Firefox safe mode:
https://support.mozilla.org/en-US/kb/troubleshoot-firefox-issues-using-safe-mode

also the header have some problems wenn i change the margin of the article area. I removed the Headline and so the text (see blog / Kontakt/ Angebot) is really near the Header area. If i put a margin to the article area the header comes down a bit and you see the background over the header.

Could you provide a screenshot of what you’re seeing here?

https://en.support.wordpress.com/make-a-screenshot/

You can upload the screenshot – in a graphic format like JPG, PNG, or PDF – in your Media Library, and provide a link so I can see it, or upload it with a service like Imgur or Snaggy.