Import header from prebuilt site and edit header from prebuilt site
I purchased Btheme about a week ago or so and I have been reading and watching videos but I am not really getting it. I imported the entire website of Safari 2 to test out how everything works. I would like a header menu with a dropdown menu like the prebuilt site Leasing 2 has for Offers. I can't figure out how to edit the header for Safari 2 to change how the menu works and looks to make it look like Leasing 2. I tried to import the header for Leasing 2 but that doesn't do anything. I click Import and it just circles forever and nothing happens.
What does importing BEFORE and AFTER builder content mean when importing a single page?
Also, when importing a prebuilt site, what is the difference in Content and Theme Options when using the Selected Data Only option? What is imported when selecting those? The import
Comments
Hi,
1) Safari 2 is an older demo, and its header is one of the defaults from Theme options. Leasing 2 uses Header & Mega Menu builders, and if you want to have the same/similar header, you need to build it with the builders I mentioned:
https://support.muffingroup.com/video-tutorials/how-to-use-mega-menu/
https://support.muffingroup.com/video-tutorials/header-builder-2-0/
2) If you already have some content on the page, the option BEFORE will import the content from the imported page before the one already exists, and the same for AFTER.
3) In the Selected Data Only option, when you choose Theme options, only settings in the Theme options will import, and Content is pages, posts, media, portfolio, etc.
Best regards
So just to be clear, I can't edit headers from pre-built websites and I can't import headers from pre-built websites? The headers have to be built if I want to change them?
For the headers that come from the theme options, all modifications have to be done in the theme options, and for header templates in the Header Builder.
If you want to take a header made with Header Builder from another demo and import it to your website, you have to create a staging domain, import the demo with the header template to this domain, and with the Export/Import option, move it to your main domain.
https://support.muffingroup.com/how-to/how-to-set-up-betheme-staging-site/
https://support.muffingroup.com/how-to/how-to-import-export-muffin-builder-content/
Best regards
Ok. I guess I will have to try and create a new header and menu since the theme options for the demo site header doesn't seem to have many options to change anything. I'll see what I can figure out.
I created a dropdown menu but it is showing under the header. I assume this is because the logo is lined up with the bottom of the menus. I saw in another post this could be fixed with a CSS edit. Is this possible and if so where in the CSS would I find this?
The website is nevergiveupfarm.com
I can see that you already handled it.
Do you still need help with that or anything else?
Best regards
If I change the name of the Challenge menu to Challenge/Events, it moves it to the bottom. I assume it is some spacing issue with the header. How can I make it so the menu is named Challenge/Events and stay in line to the right of About Us?
That’s because of too many menu items inside the website's grid width, and you can get rid of that problem by following the steps mentioned in one of the topics in our FAQ from the Support Center. Check the following link:
https://support.muffingroup.com/faq/menu-goes-under-header-does-not-fit/
Thanks
If I change the Header Options to Full Width, it moves it back up but there is a big gap between the logo and the menus. Is there a way to close that gap?
This would require creating a custom CSS, and I think that an easier and faster method will be using the Header Builder:
https://support.muffingroup.com/video-tutorials/header-builder-2-0/
Best regards
OK. I already tried that way and it is definitely not easier and faster for me.
Then if you want to customize the regular header with the CSS code, you should contact your web developer.
Best regards
How do I make a split menu with the builder? I can't figure out how to get the logo in the middle and the other menu to the left of the logo.
I somewhat got the split menu in the header builder but I can't get it lined up. Can I move everything to the left so it is lined up to the center of the page? Also how do I create the action bar with the social media icons? I added another section above the header but I can't figure out how to get the social media icons in there. The Theme Options section is disabled now since I am using the header builder which is where I found this before.
1) I suggest using three wraps: two for menus on the side and one for the logo in the middle. Then, in the wrap options, you can adjust the width of the wraps so the ones with menus will always be the same.
Also, the menu element has an option to align the menu to the left.
2) Just add the icon elements to the section above and assign links to your social media.
Best regards
I am trying the three wraps but I can't get the logo in the first wrap to go to the center of the page. How do I move the wrap with the logo to the center?
I got the social media icons, account and basket icons on the top after a few hours of trial and error. How can I get the icons on the top bar to go all the way to the left and all the way to the righ for each side? Is there a way to make them line up together or does the height need to be adjusted for each icon? I have been trying to do it by eye but the level is still off.
How do I get the header to stay when scrolling? I enabled the sticky header under Header Options but it didn't do anything.
Does the header builder auto save? I can't seem to go back to undo changes sometimes and it updates my site before I click Update on the bottom.
I was able to get the social media icons to the left and right of the header using the Full Width option. I was trying to move the shoppin cart, item count icon and dollar amount to the left a little bit. It looks like I have to edit each one individually to get them to move to the left but I can't figure out how to move the dollar amount portion of it.
I still need help with the Sticky Menu as that is not working.
The revolution slider in the middle of the page has photos and then a video at the end. When it transitions to the video, the left side of the box holds on to a portion of the previous photo for a few seconds. How can I fix that?