I want to replicate the header portion of https://demo2.joomshaper.com/2019/newsberg/ in 'spectrum' template https://demo.joomshaper.com/2017/spectrum/.
In desktop view, the logo and navigation bar are in separate rows but in mobile view they show in a single row....
You are welcome 😊
Please accept the answer that helped you. It will be then easier to find the solution for the other users with the same issue. There is a button to accept answer after each comment.
Screenshot : https://app.screencast.com/Bx8luwcEU4oz6
Hello Rakesh P
Please take a Custom Header and re-create this layout. Then publish the modules in the same module position.
Hopefully, it will be possible. Sorry, we do not provide customization support.
Best regards
Hi, I can recreate the layout but what about the CSS and/or code which turns this section into a single row when viewed on mobile
It will require custom CSS. Unfortunately, we can't help you with customization.
Hi, I am recreating the layout but cannot get the 'mobile menu' next to the logo. I would appreciate some help here.
Please share your administrator access here to check the issue. Use the Hidden Content box to share the credentials. Make sure that you have a full site backup with you before sharing.
Hi, please check the info.
additional info
I have added this CSS to
Template Options -> Custom Code -> Custom CSS
@media (max-width: 425px){
#sp-menu{
position: absolute !important;
left: 20px;
}
}Please check now.
hi, the 'mobile menu toggle' is working in the original section (red row). I need it to work in the gray band top
See screenshot link
Please check your layout now.
I have helped you a lot but this is going as customization. Sorry, we do not provide customization support.
Thanks, Ofi