Jump to content

Move Secondary Navigation Button Up in Mobile View

Go to solution Solved by tuanphan,

Recommended Posts

  • Replies 8
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

On 7/30/2021 at 5:02 AM, sarahprime said:

Site URL: https://polygon-avocado-ffw5.squarespace.com/

How can I move the secondary navigation button higher up the view on mobile (screenshot attached). All I want to do is move it up above the mobile call bar. 

Password is ACE##21

228453267_4325435957523257_7640568477928022869_n.jpg

Add to Design > Custom CSS

/* Move up overlay menu */
.header-menu-nav-folder-content {
    justify-content: flex-start;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 weeks later...
  • Solution
19 hours ago, sarahprime said:

Thank you - yes, the main menu items move up, however the button with the phone number on it remains in the same position

 

Don't remove any code. Add this to Custom CSS

.header-menu-cta {
    position: relative;
    top: -100px;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 9 months later...
22 hours ago, IwanJ said:

Hi @tuanphan! Please can you help?

On my homepage in the bottom section above the footer, in mobile view I need to move the button below all the text in that section...

image.png.1aa247286043e33fc3be842a359e1e91.png

https://deep-learning-cafe.squarespace.com/

password: password123

Thank you!

Use this CSS

/* button */
@media screen and (max-width:767px) {
div#block-4907de2ea3a4b9f2bcb2 {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
div#page-section-61a08b20fd9bbb2b9cbde324 {
    padding-bottom: 70px;
}}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.