Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Normal / Sticky Menu format

Featured Lock Resolved Task
Hi,
Site : https://ezyworksolutions.com/OneClip2/

Please advise how to change :
1. Add Search to existing menu on top.
2. I changed Contact information to footer2 but it is still appearing on top.
3. Sticky menu would like to have the Logo reduce size to height=30
4. When sticky, do not show Search.

Appreciate your help :)
Thanks and Regards

7 Answers

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Thanks for your query. Please keep a backup of your custom.css file and remove all custom.css code. Then use this css code.


#sp-header, #sp-header .logo img {height: 60px;}
.menu-fixed img.sp-scroll-logo.hidden-xs {
height: 30px !important;
}
ul.sp-megamenu-parent {
margin-top: 24px;
}
oneclip-top-search.sp-module .icon-top-wrapper {
cursor: pointer;
color: #6f6f6f;
}
div#sp-top2 {
margin-top: 24px;
}
.menu-fixed .icon-top-wrapper {
display: none;
}
.sppb-slider-fullwidth-wrapper {height: 600px; overflow: hidden;}
.slider-img{height: 600px; !important; }
.sppb-slider-item-wrapper{height: 600px;overflow: hidden;}
.slider-img {width: 500px !important;}

#sp-menu .sp-megamenu-parent > li > a {color: black;}
.sp-megamenu-parent > li > a:hover {color: black;}

#sp-menu >.sp-column .sp-megamenu-wrapper {
position: relative !important;
bottom: 25px !important;}

.corporate-slider .varition-corporate .sppb-slide-item-bg .sppb-slideshow-fullwidth-item-wrapper .sppb-slideshow-fullwidth-item-text h1.sppb-fullwidth-title {
position:relative;
bottom:120px !important;}


-Thanks

Calvin Wee

More than a month ago #Permalink
Thank you for your quick answer. We deployed the Custom CSS into https://ezyworksolutions.com/OneClip2/ and have the following results :

1. Line 3/4 added but it has no effect to change the Sticky menu logo to half size.
2. Line 9/10/11 added but we are not able to see the Search on top menu. What we need is the magnifying glass to be shown only and search page should pop up.
3. Line 6/7 set to 0 and it is still lower. Using code 27/28/29 but this is enlarging the sticky menu.

Thanks in advance.
Regards

Calvin Wee

More than a month ago #Permalink
Also when I Restore down the window page, the menu went much lower as shown in attached

Attachments (1)

  • Capture.png
    Capture.png 140.8 KB

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Add this css code inside the custom.css file.


@media only screen and (max-width: 1024px) {
div#sp-menu {
padding-left: 0px;
padding-right: 10px;
}
.sp-megamenu-parent >li {
margin-right: 15px;
}
}


-Thanks

Calvin Wee

More than a month ago #Permalink
Tried but not working. We have changed our strategy slightly to accept the difference.
Will close this.

Thanks

Toufiq - Staff

More than a month ago #Permalink
Tried but not working. We have changed our strategy slightly to accept the difference.
Will close this.

Thanks


Hi there, Thanks for your reply. Describe details & it will help others. Thanks


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 121
Toufiq

Toufiq

Total Accepted Answers: 112
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 58
Ofi Khan

Ofi Khan

Total Accepted Answers: 56
Rashida Rahman

Rashida Rahman

Total Accepted Answers: 35

121

Templates

314346

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us