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

Big Logo & Mobile Nav


Guigo

Question

Site URL: http://www.restaurantayla.com

Hello,

I am working on a site design for a new restaurant, I am stuck on 2 different levels, here are my questions :

1) How can I make the AYLA logo, go from side to side of the screen, full width?

2) Regarding the mobile navigation, is there a way to disable the mobile hamburger nav and just keep the same as the desktop version? but stacked?

restaurantayla.com

Password is "ayla"

 

I am on Squarespace 7.1

 

Thanks in advance!

Link to post
  • Answers 8
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

8 answers to this question

Recommended Posts

  • 0

1. Add to Home > Design > Custom CSS

[data-section-id="5e5e874c0286e7703c115072"] .content-wrapper .content {
    width: 100% !important;
}

2. 

force desktop navigation on mobile: difficult & time-consuming. Hope someone will share the code.
yesterday a client asked me this and i said it was difficult, time consuming and charged $30

If you want to disable burger icon, I can give the code ✌️

 

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
  • 0

Another question regarding that Homepage logo, how do I make sure the landing always displays the AYLA name at the bottom? I just noticed that on a laptop, the AYLA name is completely cut off. Is there a way to force the visibility of that section no matter the size of the viewport?

 

Thanks!

Link to post
  • 0

Use this 

12 hours ago, Guigo said:

The code to force Desktop nav on Mobile, didn't you say you knew how to achieve that?

12 hours ago, Guigo said:

Another question regarding that Homepage logo, how do I make sure the landing always displays the AYLA name at the bottom? I just noticed that on a laptop, the AYLA name is completely cut off. Is there a way to force the visibility of that section no matter the size of the viewport?

 

Thanks!

image.thumb.png.9b06bff7321f46b0564ea3ce402f89f0.pngSeems fine here?

 

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
  • 0
On 3/27/2020 at 6:36 PM, tuanphan said:

Hi, I too need to make our site logo the width of the screen (www.braveryonfire.com) - ideally the logo will be on top centered across the width of the screen, with the nav menu links centered on a single line below the logo. I tried this:

 

Quote

1. Add to Home > Design > Custom CSS


[data-section-id="5e5e874c0286e7703c115072"] .content-wrapper .content {
    width: 100% !important;
}

 

... but it didn't work. Is it because the section-id is site-specific? How do I find our unique section-id for our header logo? Thank you!!

Meredith Tarr

Edited by mpressmeredith
Link to post
  • 0
1 hour ago, mpressmeredith said:

 

... but it didn't work. Is it because the section-id is site-specific? How do I find our unique section-id for our header logo? Thank you!!

Meredith Tarr

Can you share site url? We can check easier.

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

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