-
-
Hi there!
I was curious how to replicate the same search box as in the Business Corporate theme.
- I activated the top widgetized area.
- Placed the widget in top right menu.
I doesnt show correctly and isn’t inline. I hope you can help me out. Thanks in advance.
Tim Jansen
Edit // 06-03-2015
For an example of the incorrect search widget see this topic: https://support.codeless.co/?topic=search-widget
- This topic was modified 9 years, 8 months ago by TimJansen. Reason: Found an example of incorrect styling
-
Hello,
Sorry for the late reply.
Can i please see a link where is this running?Best regards!
-
Hi Mihaila,
We currently have our site closed off for visitors. Which information do you need exactly? I will respond in a private message.
Thanks!
-
-
Hello,
Please can you show me the site url? You can write it in a private reply. Or you can give me site credentials if you have enabled ‘coming soon mode’.
Best regards!
-
-
Hello,
Sorry for the inconvenience.
We will fix it on the next theme update.
I added some custom css code but you should also change something on a file.
Edit the file includes/widgets/codeless_topnavwidget.php.Find this line
echo '<a href="#"><i class="moon-search-3"></i>'.__('Search', 'codeless').'</a>';
and comment it or delete it.
Best regards!
- This reply was modified 9 years, 8 months ago by Ruco.
-
Hi Ruco,
Which part do i need to delte. Here’s the entire code section which contains what you said:
if(in_array(“search”, $selected)){
echo ‘<div class=”search small_widget”>’;
echo ‘<i class=”moon-search-3″></i>’.__(‘Search’, ‘codeless’).’‘;
echo ‘<div class=”top_nav_sub search”>’;
get_search_form();
echo ‘</div>’;
echo ‘</div>’;
-
-
Hi Ruco,
Thanks it worked. However its still on top of the navigation / menu bar. How do i replicate the style of the Business Corporate theme.
1. Search box on the right of the menu (not on top)
2. Company info on top of navigation menu but below top widgetized area;
- This reply was modified 9 years, 8 months ago by TimJansen. Reason: Copy paste of the demo style returned code which cluttered the question
-
Hello,
You must enable the header widgetized area at specular options. Here are the widgets used in business4 demo
https://awesomescreenshot.com/0f94lus443Best regards!
-
I’m sorry and feel very stupid… but i can’t seem to find the ‘Header widgetized area’ toggle to activate it….
I also checked the documentation but a quick search also resulats in nothing:
-
Well i found out that it only works with certain menu styles, just like: “Navigation with border seperators below logo”. However new problems arise:
- I cant seem to change the colour. I should be #ffffff 100%, but it still shows up grey
- Sticky menu doesn’t show the menu pages anymore, only the header widgetized area.
- The shortcode you have used for the header widgetized area, is it translatable?
Maybe its smart to update the documentation with a line like: Not all options are available for every menu style.
We are thinking about a workaround which is kinda silly. Make a logo with our contact information in it so we don’t have to bother with the shortcode but this isn’t a best practise scenario.
-
Hello,
What color do you want to change? The menu bg color is white. You mean you don’t want it transparent on sticky menu?
That menu style doesn’t show the nav menu on sticky menu. But if you want to have it, this is the custom css code to use:
.header_6_wrapper .full_nav_menu { position: fixed; left: 0px; background-color: rgba(255, 255, 255, 0.9) !important; margin-top: 20px; }
Sorry, the contact shortcode titles aren’t translatable. But if you wand I can help you edit the code and make it translatable with .po file.
Sorry for the inconvenience.
Best regards!
-
You must be logged in to reply to this topic.