Support Center Visit Demo License manager Buy @ envato

Menu and call to action overlap

nikovainionikovainio
in Theme support

I would like to report a bug as described in the title. I selected Stack | Center from the predefined menu layout options and when combined with the Sticky header, when scrolling down the page, the menu and the call to action overlap (screenshot below). 

image.png


image.png


I don't need any more support for this at the moment, I'll use the second menu option. I just wanted to bring this to your attention.

Comments

  • PhilPhil

    Hi,

    Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.

    Thanks

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • nikovainionikovainio

    Hi! Sorry for the long response time, had to publish site first. So here you can see that when scrolling down the page the sticky menu overlaps with the action bar element when Stack | Center style is selected https://hinaus24h.fi/

    image.png


    Also after publishing the page i noticed that the hero picture element appears (black/empty) in the front page, even though it should not, since there is slider on the page.

    image.png


    Below the page setting:

    image.png


  • PhilPhil

    Hi,

    Please use the following CSS code for now:

    .header-stack #Top_bar.is-sticky .top_bar_right{
   position: relative;
}

    Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

    We will also correct this issue in upcoming updates.


    Best regards

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • nikovainionikovainio

    Hi!

    Thank you, that fixed the menu. Can you also help with the header, or do i create another ticket for that?

    https://forum.muffingroup.com/betheme/discussion/comment/260076#Comment_260076
    image.png


  • PhilPhil

    Sorry for not answering about that.

    Go to Betheme -> Theme options -> Header & Subheader -> Header, and change the height value to zero.

    image.png

    Best regards

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • nikovainionikovainio

    No problem, thanks for answering! But if i set that header height value to 0px, it does it for every page on site. Other pages i'd like to have the header and picture in it.

    Earlier when i was building the site, the empty header element didn't show at front page, only on pages that doesn't have slider. After publishing the new page and doing some SEO with Yoast! i noticed that the empty header element is shown on front page too.

    Is it possible to have slider on front page and header image on other pages at the same time?

  • PhilPhil

    You set up the slider with an element, not in the Page Options. Only setting sliders in Page Options works in the way you described.

    You can either set it up in Page options or use the following CSS code:

    .home #Header{
 min-height: 0!important;
}

    It will remove it only from the home page.


    Best regards

    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • nikovainionikovainio

    Okay thank you! Didn't realize that i had to add the slider using page options. Now it works perfectly, thank you Phil!

Sign In or Register to comment.