Front end issues / CSS

Hi, I have a number of issues, they might be related.
  • On https://peterblogs.be/peter/ on the top left: the logo is cut, I can't find what is breaking it. On all other pages (even on the same page in english) this doesn't happen. could it be due to something in the muffin builer?
  • On all pages but the homepage I have a sidebar with a simple mailchimp subscription. The divider lines between the wigets is presented over the submit button. The 2nd widget label is drawn next to the submit button, instead of below.
  • How are the small images filled in the links to navigate to the previous/next blogpost? They are black at the moment.
  • On all blogpages, a small arrow appears under the header. How can I remove it?
  • When scrolling down on my site, the menu item (like "Peter?" on https://peterblogs.be/administratie/hello-world/ moves to the top, while the rest of the bar remains at normal lower level.
Seems a lot of issues. Am I doing something wrong?

Comments

  • One more question: any experience (recommendation) with a minifyer plugin for CSS, javascript and HTML?
  • Hey,

    1. http://pasteboard.co/vMvXihv04.png - this is how logo looks like. Could you tell us where it is cut?

    2. Its because you have bugs in html code. Please open your website in Firefox html mode (CTRL+U) and check those error. Please fix them first and all should be fine. Anticipating your question, yes, those errors are not associated with theme and were made by you or one of your extra plugins.

    3. This is a place for featured image so if you want to display there an image, you need to set Featured Image for each post.

    4. This is Post Navigation and you can easily remove it with the following css:

    .single-post .post-nav { display: none !important; }

    5. Its because you probably did not set Main Menu under Appearance > Menus > Manage locations section.

    6. We do not have any experience with a minifyer plugin for css unfortunately.
  • Thanks for your suggestions. For some reasons, I wasn't alerted and I found it rather by accident, but I am happy to get it!

    Here is my feedback.

    1. Broken logo: This is how it looks like: http://prntscr.com/e71dn9 . Source: https://peterblogs.be/peter/

    2. Mailchimp subscriptions with broken HTML/CSS: I'll check the HTML when I de-activate all plugins. It will take some time as I have to setup an up-to-date test Wordpress copy for that.

    6. No minifyer? Isn't that a missed opportunity for better performance experience (and SEO)?

    -----
    3. Next/previous blog post: OK I found the featured image. Thanks.

    4 small arrows: I found these are Navigation Arrows and I removed them with the setting "Hide Header arrows". No css :)

    5 moving menu: ok, got it. I must have missed that I had to manage that outside BeTheme.


  • 1. After further checking of your code, we didn't found any code that may cause this weird behave. We checked the regular and retina screens of course. Please check the logo on other device and if you will notice the same issue on another device, please tell us what system and browser (what versions) you used to check.

    6. The css code in files is already optimized and there is no need to use minify plugin.
Sign In or Register to comment.