Onepage menu links

leeakers11 · October 2016

Hi,

I've built a one page site without using theme data. I've added '#links' to the 'Custom | ID' section in the 'Section' popup, set the home page to 'One Page' under the 'Options' section, and added custom links to my Menu with the same '#links. The links from the top menu are not working - do you know what I'm doing wrong?

The url is http://prospectdevelopments.origamia.uk/

Many thanks.

Albert · October 2016

Hi,

links does not work because you set wrong ID's. Instead of http://prospectdevelopments.origamia.uk/#about for the ID, you should set just about label. For more details about one page menu links, please visit http://themes.muffingroup.com/betheme/documentation/#menu

leeakers11 · October 2016

That's great thanks for the help. The links now work, but the text changes to white after selecting so it looks like it disappears, what is the css to target this please?

Also is there a way to prevent the sticky header from covering the header for the selection, i.e. when I click PROJECTS it scrolls down, the sticky header covers up the "Latest Projects" text.

Finally I'm trying to insert an image for the background of the header in BeTheme Options - Header - Background - Image but it's not displaying, do you know why?

Thanks for the help.

Albert · October 2016

Your active menu link color is currently white and to change it's color, please use:

#Top_bar.is-sticky .menu > li.current-menu-item > a { color: #000 !important; }

In reference to 2nd question, it does not cover the text. When we click on PROJECTS item http://pasteboard.co/jdyb8idSR.png this is what we get and it looks as supposed to look like.

Please show us on the screenshot where exactly you want to set this background image so we can avoid confuse.

leeakers11 · October 2016

Thank you. I've added the custom css but still no joy with the header. I notice in the BeTheme Options it says "Pages without slider. May be overridden for single page." I've selected 'Options - One Page - On' in the Home page Edit screen for the Custom IDs to work, and there is a slider, does this mean I can't have an image in the header bar?

After clicking on a navigation link, it scrolls to the section fine, but when I scroll back to the top, that section's text in the top nav menu has gone white so looks invisible. Also, here is what I see when I click Projects from the top menu, the sticky header is covering up the pink text "Latest Projects":

Albert · October 2016

Sorry but we are not sure about your first question. Which option you mean and what exactly you want to achieve? We really do not see anything wrong on your site and that's why we don't know what are you talking about.

About the second issue, we gave you css for the sticky header only. For the regular header active link color, you need to use:

#Top_bar .menu > li.current-menu-item > a { color: #000 !important; }

leeakers11 · October 2016

Great, thanks for the extra css, that works fine.

With the first issue basically I'm trying to have a background image in the header area, but although I've added it to the Background Image section in Betheme Options, it's not showing up.

Thanks again.

Albert · October 2016

If you mean header area behind the Top Bar where logo and menu is, you need to use custom css to add background in this place:

#Top_bar { background-image: url('PATH-TO-IMAGE') !important; }

Onepage menu links

Comments