Jump to content

Cleaner Navigation?

Recommended Posts

Site URL: https://www.mattportch.com

Hi, anyone know how to tidy up the following when clicking the navigation icon?

 

 

1. I want the arrow a bit higher so it's centred to the word PROJECTS?...

 

869023173_ScreenShot2020-05-30at4_28_32pm.thumb.jpg.9ad63eb91cf077f3b71be7fda89300dc.jpg

 

Next image - when clicking on PROJECTS:

2. I want to make all the text centred on the screen (higher than it looks now)?

3. I want to get more space between the arrow and the word BACK and move the arrow a bit higher so it's centred to the word BACK?

 

376359743_ScreenShot2020-05-30at4_28_13pm.thumb.jpg.8e46643968f947a43200cfc14483fe75.jpg

Link to comment
  • Replies 7
  • Created
  • Last Reply

Top Posters In This Topic

Q1. It seems you solved?

Q2.

[data-folder="/projects"] .header-menu-nav-folder-content {
    justify-content: flex-start;
}

Q3. 

.header-menu-controls-control span.chevron.chevron--left {
    margin-right: 10px;
}

 

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 6/9/2020 at 9:06 AM, mportch said:

@tuanphan - Thanks! But is there a way of making Q2 centred? If I type "centred" instead of "justified" it sits too low on the page.

 

flex-start

flex-end

start

end

left

right

center

space-evenly

..

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.