Spectrum - Header Layout Option
Rakesh P
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....
Ofi Khan
Accepted AnswerYou 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.
Rakesh P
Accepted AnswerScreenshot : https://app.screencast.com/Bx8luwcEU4oz6
Ofi Khan
Accepted AnswerHello 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
Rakesh P
Accepted AnswerHi, 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
Ofi Khan
Accepted AnswerIt will require custom CSS. Unfortunately, we can't help you with customization.
Rakesh P
Accepted AnswerHi, I am recreating the layout but cannot get the 'mobile menu' next to the logo. I would appreciate some help here.
Ofi Khan
Accepted AnswerPlease 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.
Ofi Khan
Accepted AnswerI 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.
Rakesh P
Accepted Answerhi, the 'mobile menu toggle' is working in the original section (red row). I need it to work in the gray band top
Ofi Khan
Accepted AnswerPlease check your layout now.
I have helped you a lot but this is going as customization. Sorry, we do not provide customization support.