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.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.