Support Center Visit Demo License manager Buy @ envato

After upgrading ... Action button in main menu

wimvanleuvenwimvanleuven
in Theme support
Hello,

After some upgrade in the past, I'm struggling with adjusting 2 visual unappealing issues:

  1. On our blog page, e.g. http://bigboards.io/2015/04/02/data-scientist-and-big-data-developer-wanted/ the action button in the main menu incorrectly aligns, probably because the buttion aligns for a menu at full height, whereas the menu is drawn at the height which it normally has after scrolling. I can not find the root cause of this problem and have the menu at proper height again when at top of page.
  2. The main title of the blog posts now receive a black background. It used to have the regular (light-grey) background. I can't find why this changed or how to readjust it. 
Could you help me get these 2 quirks out of our website please? Thanks beforehand!
-wim

Comments

  • AlbertAlbert
    Hi,

    1. We have no idea why this happened because it does not look the same on our side but below css will help you for sure: 
    #Top_bar a.button.action_button { top: 10px !important; }
    2. Did you checked "Subheader background" color under Theme options > Colors > Header section?
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • wimvanleuvenwimvanleuven
    1. Can it be cause by the fact that I'm running a child theme from BeTheme?
    2. That's obviously the first thing I checked! Configured value is #F7F7F7
  • AlbertAlbert
    1. If you made changes in betheme then this could be the reason.

    2. If you checked this section, then color comes from "one style color" generator and can be changed within css: 
    #Subheader { background-color: #F7F7F7 !important; }
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • wimvanleuvenwimvanleuven
    Regarding (2) I switched to custom color instead of one color skin and this solved the issue with the black titles on the blog page.
  • wimvanleuvenwimvanleuven
    Regarding (1) I seem to have solved this for the Blog page which gives the overview of the articles. I did this by reconfiguring the page's template. 

    However, for the individual posts the header still shows in his reduced height as when the page is scrolled. 

    By debugging the HTML code, it appears the article's body is created with class header-fixed instead of header-below. If I use the developer tools to change this class, the header menu works properly.

    Any idea what is going wrong and how I can make this work? 

    Thanks already!
    -wim 
  • AlbertAlbert
    1) Can you show us on screenshot what you mean exactly? Because we do not see anything wrong there and all looks fine for us.
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • wimvanleuvenwimvanleuven
    If e.g. you look at our latest blog post (http://bigboards.io/2015/10/25/bigdata-a-story-about-mages-and-mechanics/) The menu at the top starts with a height of 60px and the 'Buy a Hex' button lies over the edge of the top menu. On scrolling down, the button jumps into the middle of the header.

    On the other pages, the header starts at a height of 90px the Buy button nicely vertically centered. When scrolling, the menu changes to 60px and the Buy button vertically centers again.

    I had this issue previously on the main pages as well, but toying with the menu settings a bit, changed this behaviour ... on all pages but the blog posts.

    Hope this helps!
    -wim
  • AlbertAlbert
    We did checked your site once again and we noticed that you change header layout for post pages. You did it under Theme options > Blog, Portfolio & Shop > Blog section where Layout ID field is. If you want to have the same header on all pages, you should not set custom layouts for inner pages.
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • wimvanleuvenwimvanleuven
    Layout ID for Blog page is emtpy!
  • AlbertAlbert
    If it's empty, then we have no idea what else you may did wrong. You probably set header layout for inner pages different way. Maybe it's custom css or maybe something completely else.
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • wimvanleuvenwimvanleuven
    Hello,

    I kept searching for how I could have set up the header layout for these article pages, but can not find any way. I went through all configurations, recreated a new child theme without custom code etc.

    No result whatsoever. It really bothers me that the headers does not behave like everywhere else.

    Any idea on how to hunt this cause down? 
    -wim
  • AlbertAlbert
    If you will send us private message, we can have a look on it but if this won't be related with any theme settings, we won't be able to help.
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • wimvanleuvenwimvanleuven
    Just for public review... Muffingroup's support is AWESOME!!!!

    Thanks so much guys for finding and resolving this issue on our website http://bigboards.io
  • AlbertAlbert
    You're welcome ;)
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
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.

Neccessary

Necessary cookies help make a website usable by enabling basic functions like page navigation and access to secure areas of the website. The website cannot function properly without these cookies.

Analytics & Performance

Statistic cookies help website owners to understand how visitors interact with websites by collecting and reporting information anonymously.

Marketing

Marketing cookies are used to track visitors across websites. The intention is to display ads that are relevant and engaging for the individual user and thereby more valuable for publishers and third party advertisers.

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.