Arrow Menu

Moderator: forum_m

Post Reply
hadad2016
Posts: 190
Joined: December 18th, 2015, 4:06 am

Arrow Menu

Post by hadad2016 » June 29th, 2018, 7:04 am

Hello;

How to place an arrow menu on front page of Healthcare Premium like the arrow menu on the left side of the front page in Enigma-Pro-Parallax theme?

Thank you

support_staff
Posts: 7199
Joined: February 26th, 2015, 1:40 pm

Re: Arrow Menu

Post by support_staff » June 29th, 2018, 12:07 pm

Hello,

Firstly create a child theme using a plugin - https://wordpress.org/plugins/orbisius- ... e-creator/

Now replace the code of header.php of your child theme with the code given in the below link -

https://pastebin.com/t9cDavkM

Copy and paste home-callout.php and home-deptt.php file from parent theme to child theme -

Open home-callout.php of your child theme and see line no. 5 replace it with below code and save the file -
<div class="container-fluid text" id="callout-section">

Open home-deptt.php of your child theme and see line no. 3 replace it with below code and save the file -
<div class="cover2" id="deptt">

Paste the below CSS in style.css of your child theme and save the file -

/* scroll menu */
.home_menu {
float: left;
height: auto;
position: fixed;
top: 25%;
left: 0;
z-index: 9999;
display: block;
}
#scroll_menu{
float:left;
display:none;
}

#scroll_menu a{
color:#FFF;
width:40px;
margin-top:5px;
padding:2px;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}
#scroll_menu a:hover{
width:60px;
height:40px;
font-size:24px;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
padding:2px;
}
.scroll_toggle {
/* margin-top: -45px;
position: absolute; */
top: 0;
}
#bt1 {
color: #31A3DD;
}
#scroll_menu a {
background-color: #31A3DD;
}
#scroll_menu a {
color: #FFF;
width: 40px;
margin-top: 5px;
padding: 2px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#bt1 {
font-size: 50px;
margin-left: 2px;
}

Thanks.

hadad2016
Posts: 190
Joined: December 18th, 2015, 4:06 am

Re: Arrow Menu

Post by hadad2016 » June 29th, 2018, 7:01 pm

Absolutely incredible!
You guys have been the best web dev decision I've ever made. The team is endlessly helpful, flexible, always quick to respond, and interpreted my needs perfectly.

You guys are absolutely top notch web designers & developers. I’m so appreciative of your creative efforts, and love our new site.

Thank you

hadad2016
Posts: 190
Joined: December 18th, 2015, 4:06 am

Re: Arrow Menu

Post by hadad2016 » June 30th, 2018, 9:13 am

Hi;

Can I use the same process to place an arrow menu (side menu) on front page of Corporal Premium Theme?

Thank you so much

support_staff
Posts: 7199
Joined: February 26th, 2015, 1:40 pm

Re: Arrow Menu

Post by support_staff » June 30th, 2018, 10:29 am

Your Welcome,

Thank you for using our theme.

No, you cant use the same process for arrow menu (side menu) on the front page of Corporal Premium Theme.

Thanks.

hadad2016
Posts: 190
Joined: December 18th, 2015, 4:06 am

Re: Arrow Menu

Post by hadad2016 » June 30th, 2018, 5:57 pm

Well–How should I do it? Can be done?

Thanks

support_staff
Posts: 7199
Joined: February 26th, 2015, 1:40 pm

Re: Arrow Menu

Post by support_staff » July 2nd, 2018, 11:39 am

Hii,

Please get corporal-premium child theme from given link - https://jmp.sh/ZQJvTJB

Thanks.

Post Reply

Return to “Theme Installation, Settings & Configuration, Problem, Error & Bug”