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

Overlay menu split into 2 columns


MaggieBovary

Question

  • Answers 8
  • Created
  • Last Reply

Top Posters For This Question

8 answers to this question

Recommended Posts

  • 0

Add to Design > Custom CSS

/* Overlay menu 2 columns */
.header-menu-nav-folder-content {
    display: grid !important;
    grid-template-columns: Repeat(2,1fr);
}

image.thumb.png.b1d9fb992bc541e83cfaa2755b7af9f6.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
Posted (edited)

Hi @tuanphan, it works now! Thank you 🙂

[edit] Actually something weird is happening: sometime it works and sometimes it appears just one column at the center of the page. Any idea why?

 

Ps: if you have time could you check my other topics?

- https://forum.squarespace.com/topic/194208-search-icon-opens-into-full-screen/
- https://forum.squarespace.com/topic/194210-seamless-scrolling-text-in-announcement-bar/

Thank you so much!

 

 

Edited by MaggieBovary
Link to comment
  • 0
On 4/30/2021 at 2:45 AM, MaggieBovary said:

Hi @tuanphan, it works now! Thank you 🙂

[edit] Actually something weird is happening: sometime it works and sometimes it appears just one column at the center of the page. Any idea why?

 

Ps: if you have time could you check my other topics?

- https://forum.squarespace.com/topic/194208-search-icon-opens-into-full-screen/
- https://forum.squarespace.com/topic/194210-seamless-scrolling-text-in-announcement-bar/

Thank you so much!

 

 

Try new code

.header-menu-nav-folder-content {
    display: -ms-grid !important;
    display: grid !important;
    grid-template-columns: repeat(2,1fr);
}

 

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

Also, the site has some problems. Do you want to fix these?

Site URL – https://keyboard-jaguar-k52z.squarespace.com/

1. (Tablet-Footer) Reduce text size?

keyboard-jaguar-k52z.squarespace.com-01-

2. (Tablet-Homepage) Add a space on right of screen?

keyboard-jaguar-k52z.squarespace.com-02-

3. (Tablet-Homepage) Reduce text size?

keyboard-jaguar-k52z.squarespace.com-03-

4. (Mobile-Homepage) Reduce text size?

keyboard-jaguar-k52z.squarespace.com-04-

5. (Mobile-Homepage) Want to reduce 2 images on mobile only?

keyboard-jaguar-k52z.squarespace.com-05-

6. (Mobile-Overlay Menu) Want to remove 2 columns, or reduce text size?

keyboard-jaguar-k52z.squarespace.com-06-

7. (Mobile-About) Reduce text size?

keyboard-jaguar-k52z.squarespace.com-07-

8. (Mobile-About) Page looks long. Want to add a back to top button?

keyboard-jaguar-k52z.squarespace.com-08-

9. (Tablet-About) Want to move left sidebar to top of page & increase right text width?

keyboard-jaguar-k52z.squarespace.com-09-

10. (Tablet-Products) Increase variant dropdown, add to cart width?

keyboard-jaguar-k52z.squarespace.com-10-

11. (Tablet-Products) Make breadcrumb same line?

keyboard-jaguar-k52z.squarespace.com-11-

12. (Mobile-Products) Show breadcrumb on top of product?

keyboard-jaguar-k52z.squarespace.com-12-

 

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

Hi @tuanphan thanks for your help! I'm still working on the desktop version so no worries if you see errors in the mobile and tables one, I will fix them later (thanks for flagging them thoguh!)

I have a few other issues I couldn't manage to solve, could you take a look please:

1. https://forum.squarespace.com/topic/194208-search-icon-opens-into-full-screen/

2. https://forum.squarespace.com/topic/194210-seamless-scrolling-text-in-announcement-bar/

Last thing, do you know how to substitute the logo in the overlay menu? No wthe logo is red, so when the red menu opens the logo is not visible anymore.

Thanks a lot

Link to comment
  • 0
On 5/3/2021 at 1:03 AM, MaggieBovary said:

Hi @tuanphan thanks for your help! I'm still working on the desktop version so no worries if you see errors in the mobile and tables one, I will fix them later (thanks for flagging them thoguh!)

I have a few other issues I couldn't manage to solve, could you take a look please:

1. https://forum.squarespace.com/topic/194208-search-icon-opens-into-full-screen/

2. https://forum.squarespace.com/topic/194210-seamless-scrolling-text-in-announcement-bar/

Last thing, do you know how to substitute the logo in the overlay menu? No wthe logo is red, so when the red menu opens the logo is not visible anymore.

Thanks a lot

Add to Design > Custom CSS

/* change logo when clicking burger */
body.header--menu-open .header-title-logo a {
    background-image: url(https://cdn.pixabay.com/photo/2021/04/27/18/54/sunflower-6212201__340.jpg) !important;
}

 

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 5/11/2021 at 6:51 PM, MaggieBovary said:

Awesome! Thanks a lot @tuanphan 🙂

You're welcome. If you have any other problems, let me know. We will support

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...