Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

how do you replace mobile navigation bar with just the pages?


miggibri

Question

I'd like to have the page links showing instead of hiding it in the hamburger menu on mobile. Is there a way to do so? I tried using a custom CSS that I found on another forum post but it didn't work. I'm also using the Cole template if that helps anyone Here's a picture of something that I would want to see in a mobile view! Thank you!SharedScreenshot.thumb.jpg.78dd2217068a0fe3a127d2857c484fce.jpg

Link to comment
  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

5 answers to this question

Recommended Posts

  • 1

Hi. If you share site url, we can help easier

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0
On 1/23/2021 at 11:01 PM, miggibri said:

site url: https://onion-kale-k7m6.squarespace.com/

password: websitehelp

Add to Design > Custom CSS

/* Force desktop nav 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;
}
.header-title-nav-wrapper {
    flex-direction: column;
}
}

image.thumb.png.1c8a6d26e6d1e59d6609662133b3223d.png

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0
8 hours ago, laurentlarue said:

Hi, thanks for this code! Only thing is that the menu is not center anymore. Also, cart icon doubled up (.showondesktop appeared), so I hid it. Any help here ? thank you 

What is your site url? We can check easier

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...