Would anyone happen to know how to move my logo above the navigation bar/header bar on mobile? Currently, the navigation bar is all the way on top by default, but I would rather have the logo and then below it have the bar.
www.deranged-shop.com - running on minimal theme.
Hi @donniederanged .
I’m Richard Nguyen from PageFly- Free Landing Page Builder
You can go to Online store => themes => actions => edit code and add this code on file timber.scss.css or theme.scss.css
@media screen and (max-width: 767px){
.logo__image-wrapper {
position: relative;
bottom: 70px;
}
}
Hope this answer helps.
Best regards,
Richard | PageFly
Hello @donniederanged
Try this code: It will be helpful -
Go to the online store > Theme>Edit Code >Assets>timber.scss>Add code in this file.
.logo__image-wrapper {
bottom: 4rem !important;
}
That pushed the logo to the right position, but the navigation bar is in line with it. Is there a way to push that downwards so the logo appears at the top and the header bar is below it? @PageFly-Richard
Hey Richard, I sent you a reply back on this. Let me know what you think I good solution would be. I appreciate your help!
Hi @donniederanged !
I checked your live page on mobile and I can see the logo is showing at top and the navigation show below that logo.
I think that is a good layout for your page on mobile
Best regards,
Richard | PageFly
