[wensolutions]

You can disable the white menu bar from Appearance -> Customize -> Menus -> Menu Options -> Disable Sticky in Primary Menu (Uncheck the checkbox ) and Save your settings.

This will remove your white menu bar.

[wensolutions]

Well, the screenshot button ‘Add to Menu’ can be seen in Appearance -> Menus section in your dashboard.

[wensolutions]

Hi, can you please DM your admin login at support[at]wensolutions.com so that we could check and fix this issue for you.

[wensolutions]

Hello again!

Sorry for the trouble.

After all the details above, we think we are more close to your problem to provide you the actual solution.

Step I : Update permalinks.

Go to settings and update your permalinks. Check this screenshot for clear instruction.

Step II : Add URL to your custom menu items

Next, since your site menus are setup from Custom Links menu, you need to input the custom URL for each of those menu items.

See this screenshot to know how to input the URL for each menu items.

Now SAVE after you are done.

NOTE :If you got any confusion finding the actual URL of your site pages, please refer this screenshot.

You should now be able to access the page contents from each menu items that are in your header menu.

If you still have any confusion going through these steps please do not hesitate to write us back.

Let us know how it goes ! Thanks.

[wensolutions]

@Nancy, well since the header background color and the rest of the other menu font color (except ‘What We Do’) are white they are appearing to be visually hidden.

Therefore, put the following Custom CSS snippets in Appearance -> Customize -> Theme Options -> Advanced Option which will do the trick appearing all other menu items as you scroll down the page.

.site-header.fixed #site-navigation ul li a{
color: #00efbb;
}

Let us know if you have any confusion.

[wensolutions]

@Nancy, since you are using WEN Business Pro theme could you please open a new ticket on its relevant forum from the link below.?

Forum link : https://catchthemes.com/support-forum/forum/wen-business-pro-premium/

Also please elaborate in a detail whether you want to remove the sticky menu upon the scrolling ?

Sorry for the inconvenience.

[wensolutions]

Hello @janwillem, since recommended logo size as instructed on the upload field is 255×80, you would need to proportionately crop the image and upload to take up the correct size.

Hope this helps!

If you still have any confusion, kindly let me know.

Thanks

[wensolutions]

Hello @Enver,

We visited link to your website, both translation and update issue seems to be solved.

If you still have any queries regarding the theme feel free to post it.

Sorry for any inconvenience from us.

[wensolutions]

Hello @KRegan,

First of all thank you for the appreciation of the theme.

Regarding color scheme that you are wishing to change for your theme is of course provided through Theme Options.

In other words, it is possible to play with the color of your choices through Appearance -> Customize -> Color Settings panel in your dashboard.

For more details you can check this feature with walkthrough through this link :

https://catchthemes.com/theme-instructions/wen-business-pro/#color-option

Let us know if you need any further help in this concern.

Thanks

[wensolutions]

Hello,

Thanks for purchasing our theme. Please click below link to download and save XML file.

Download XML file

See following instructions to setup home page as per imported XML.

IMPORTANT: Please make sure you have kept backup of your site before proceeding as below.

* Import XML file.

To setup slider
—–
* Go to Appearance -> Customize
* Go to Featured Slider -> Slider Type
* Select ‘Entire Site’ for ‘Enable Slider’
* Select ‘Featured Category’ for ‘Select Slider Type’
* Under ‘Select Category’, choose ‘Business Slider’
* Click ‘Save and Publish’.

Setting Home Page
—–
* Go to Settings -> Reading
* Under ‘Front Page Displays’, Select ‘A Static Page’. For Front Page select page with name ‘Front Page’ and for ‘Posts Page’ select page with name ‘Blog’
* To make front page full width: Go to ‘Pages’ -> ‘All Pages’. Find ‘Front Page’ and click ‘Edit’. Under ‘Layout Settings’ choose ‘No Sidebar (Full Width)’ for ‘Choose Layout’. Click ‘Update’ button to save page.

Setting up widgets
—–
* Go to Appearance -> Widgets
* Add ‘Business Latest News’ widget in ‘Front Page Widget Area’.
* Put ‘Feature Highlights’ in Title. Under ‘Category’ choose ‘Features’. Click save.
* Add ‘Business Latest Works’ widget in ‘Front Page Widget Area’.
* Put ‘Works Showcase’ in Title. Under ‘Category’ choose ‘Portfolios’. Click save.
* Add ‘Business Testimonial’ widget in ‘Front Page Widget Area’.
* Under ‘Category’ choose ‘Testimonials’. Click save.

Show / hide content of ‘Front Page’
—–
* Go to Appearance -> Customize
* Go to Theme Options -> Home Page Options
* Check or Uncheck ‘Check to show page content in site front’
* Click ‘Save and Publish’.

Regards,

[wensolutions]

Hello Kyle, yes this approach looks quite mundane through custom CSS approach that we also realize.

But yet there is another approach in which one custom check option can be added on
each page editor screen so to give a choice to display conditional menu for that particular page. This is completely a programmatical approach of customizing a theme to add this feature.

You can consider Hiring a Customizer to complete this job safely for you.

Hope you will decide on that.

[wensolutions]

Hello Kyle,

Thank you for explaining your requirement in detail. Please ignore the above steps and follow the latest one.

Step I:

First make sure you uncheck ‘Disable Secondary Menu’ option through Appearance -> Customize->Navigation.

Step II :

Hide secondary menu entirely in your site through custom CSS code.

.page.page-id-501 #site-navigation
{
    display: none;
}

Step III :

Now display secondary menu on specific page by passing its page ID (numeric value) as shown below.

If your page ID is 501 then code would be :

.page.page-id-501 #secondary-navigation {
    display: block;
}

This means primary menu now need to be hide on this same page with ID 501. So paste following code right below the above CSS codes

.page.page-id-501 #site-navigation
{
    display: none;
}

In sum up:

If let’s say you have 3 pages with ID randomly 501,603 and 789 then cumulative custom CSS would be :

 /* show secondary */

 .page.page-id-501 #secondary-navigation, .page.page-id-603 #secondary-navigation, .page.page-id-789 #secondary-navigation  {
    display: block;
}

/* hide primary */
.page.page-id-501 #site-navigation, .page.page-id-603 #site-navigation, .page.page-id-789 #site-navigation, 
{
    display: none;
}

Hope this helps ! Kindly let us know if you have any problem in understanding and implementing above steps.

Thanks

[wensolutions]

Hello @Kyle,
Have you tried that code ?. It seems that your earlier and the latest request are same one, i.e. to hide primary menu and just show the secondary one on certain pages. Yes, the above CSS code does the same. You just need to grab and put the page ids as I’ve shown in the above example. This will show the secondary menu only and hide the primary menu on the pages whose ids will be mentioned in the above CSS code.

Please elaborate this if I have misunderstood it.

Thanks,
Regards!

[wensolutions]

Hi,

Following CSS code would change the arrow background and arrow color itself. Try pasting the following custom CSS in your style.css.

.mm-list a.mm-subclose::before, .mm-list a.mm-subopen::after {
   border-color: rgb(255, 0, 0) !important; /* arrow color */
}
.mm-list a.mm-subopen {
  background: rgb(255, 209, 26) none repeat scroll 0 0; /* arrow background color */
  border-bottom: 1px solid black;
}

Let us know if you need any help !

Regards
WS

[wensolutions]

Hello Kyle,

Based on your request for logo adjustments and dropdown menu color we have
prepared a custom CSS to achieve these changes. Please note that the
following CSS are for mobile only and would take effect in mobile portrait and landscape view upto screensize 640px.

@media only screen
and (min-device-width : 320px) and (max-device-width : 640px) {

/*for centering logo*/

.site-branding{
	text-align: center;
}
.header-top{
	float: none;
	text-align: center;
}

/* for dropdown menus */

#site-navigation ul ul{
	background-color: #FFB310;

}

#site-navigation ul ul a{
	border-bottom: 1px #d8960a solid;
} 
#site-navigation ul ul li a:hover,
#site-navigation ul ul li.current_page_item a, 
#site-navigation ul ul li.current-menu-item a, #site-navigation ul ul li:hover > a, 
#site-navigation ul li li.menu-item-has-children:hover > a::before,
#site-navigation ul li li.page_item_has_children:hover > a::before{
	color: #7c7a75;
}
}

Hope this helps!

[wensolutions]

You’re welcome; it has been my pleasure helping you out!

[wensolutions]

Well, to maintain the precision while copying the entire code I’m sharing you the Git hub link of functions.php code.
https://gist.github.com/anonymous/70e9f3e0dce77cecca6c

Let me know whether this helps.

[wensolutions]

It appears that the terminating syntax ; is missed right after endif statement.

So correct syntax to replace above is as follows :

<?php endif;
}

[wensolutions]

Hi Kyle, I am sorry you are having trouble with it.

Your respective code of style.css and functions.php for Child Theme is working perfectly to me when I exactly pasted it and tried by activating it. Child Theme is running fine. So just paste out the code I have given you above right below the current code of your child theme files. But I doubt, after you copy and paste the code from your browser to your actual php file you might need to properly format the single quotes ( ‘ ) which might renders incorrectly that could have cause you a problem.

Or can you please explain the actual issue that happen while you try to implement the Child theme with above code?

[wensolutions]

Hello Kyle,

This customization can be achieve by refactoring some div structure through code level.

We recommend you to make a Child Theme before you make these customization in your
current theme.

So after setting up and activating your Child Theme you will have two new files style.css and functions.php file .

In your functions.php file, paste the following code snippet right below your existing code.

`/**
* Site branding
*
* @since WEN Business 1.0
*/
function wen_business_site_branding(){

?>

<div id=”site-navigation” role=”navigation”>
<?php
wp_nav_menu( array(
‘theme_location’ => ‘primary’ ,
‘container’ => ‘nav’ ,
‘container_class’ => ‘main-navigation’ ,
)
);
?>
</div><!– #site-navigation –>
<?php

}

/**
* Primary navigation
*
* @since WEN Business 1.0
*/
function wen_business_mobile_navigation(){

?>
<a href=”#mob-menu” id=”mobile-trigger”><i class=”fa fa-bars”></i></a>
<div style=”display:none;”>
<div id=”mob-menu”>
<?php
wp_nav_menu( array(
‘theme_location’ => ‘primary’,
‘container’ => ”,
) );
?>
</div><!– #mob-menu –>
</div>

<?php

}

/**
* Header top content
*
* @since WEN Business 1.0
*/
function wen_business_header_top_content(){

$social_in_header = wen_business_get_option( ‘social_in_header’ );
$search_in_header = wen_business_get_option( ‘search_in_header’ );

?>

<?php if ( ( 1 == $social_in_header && wen_business_is_social_menu_active() ) || 1 == $search_in_header ): ?>

<div id=”header-top-content”>
<div class=”container”>
<div class=”site-branding”>
<h1 class=”site-title”><a href=”<?php echo esc_url( home_url( ‘/’ ) ); ?>” rel=”home”>
<?php
$site_logo = wen_business_get_option( ‘site_logo’ );
?>
<?php if ( ! empty( $site_logo ) ): ?>
<img src=”<?php echo esc_url( $site_logo ); ?>” alt=”<?php echo esc_attr( get_bloginfo( ‘name’ ) ); ?>” />
<?php else: ?>
<?php bloginfo( ‘name’ ); ?>
<?php endif ?>
</a></h1>
<?php
$show_tagline = wen_business_get_option( ‘show_tagline’ );
?>
<?php if ( 1 == $show_tagline ): ?>
<h2 class=”site-description”><?php bloginfo( ‘description’ ); ?></h2>
<?php endif ?>
</div><!– .site-branding –>

<div class=”header-top”>

<div class=”header-top-inner”>
<?php if ( 1 == $social_in_header ): ?>
<?php the_widget( ‘WEN_Business_Social_Widget’, array( ‘icon_size’ => ‘small’ ) ); ?>
<?php endif ?>
<?php if ( 1 == $search_in_header ): ?>
<div id=”header-search-form”>
<?php get_search_form(); ?>
</div><!– #header-search-form –>
<?php endif ?>
</div><!– .header-top-inner –>

</div><!– .header-top –>
</div><!– .container –>
</div><!– #header-top-content –>
<?php endif
}`

Above code will move site logo in Top Header section. You may need to reupload logo with a appropriate size to adjust in new section.

Now in order to move the social icon widget to right, copy following CSS code snippet in your Child Theme’s style.css.

.header-top{
float: right;
}

Just in case, if you wish to move the current primary menu from right to left to fill up the empty logo space, then paste the following CSS code right below the above CSS code.

#site-navigation {
    float: left;
}

Thanks

[Author]

Posts