leechuts

Hello! I'm looking to make my mobile nav just a smaller version of my desktop nav - I've figured it out this far but cannot figure out how to make the "links" page appear in mobile opposite from the "about" page like on desktop.

https://www.leechuts.com/

If anyone can help me with this it would be greatly appreciated! Thanks in advance🙏

8 hours ago, tuanphan said:

Don't remove any code in your current code. Add this CSS

/* logo max width */
.header-title {
    flex: 1 0 50% !important;
}

 

That did it! Thank you so much!

I always see you on these forums helping people out, thank you for sharing your knowledge with us! You're the GOAT!🙏

10 hours ago, tuanphan said:

Hi. Where is button? I see logo - contact item only

@tuanphan That's correct! There is only the logo button on the left "leechuts" and "contact" on the right.

I've used your code to get rid of the hamburger menu on mobile and just have the nav page remain at the top like on desktop, but the "contact" button falls off the right side of page.

On 5/12/2021 at 2:32 AM, tuanphan said:

Add to Design > Custom CSS

/* force desktop menu on mobile */
@media screen and (max-width:767px) {
.header-display-desktop {
    display: flex !important;
}
.header-display-mobile {
    display: none;
}
.header-burger {
    display: none;
}
.header-nav {
    display: flex !important;
}
.header-nav {
    display: flex !important;
    flex: 70% !important;
    justify-content: flex-end;
}
}

 

@tuanphan Hello! I'm looking for a similar solution - I want my desktop nav to stay the same through to ipad and mobile. I used the code above and it does work but my nav button falls off the left side of the page and doesn't inherit the mobile nav text sizing.

https://www.leechuts.com pass: letmein

Thanks for your help!