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

Link to post
  • 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 post
  • 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);
}

 

Link to post
  • 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-

 

Link to post
  • 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 post
  • 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;
}

 

Link to post
  • 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

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...