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

How to I make the logo / main menu overlap the page banner on my mobile version?

Question

i'm trying to build my own website but i would like to edit my mobile version of it. so i wish to have the menu and the logo on top of my image banner on the top.
i provide examples

as it is.png

as i want.png

Share this post


Link to post

9 answers to this question

Recommended Posts

  • 0

Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
.homepage {
    margin-top: 0 !important;
}
.tweak-mobile-bar-top-fixed .Mobile-bar--top {
    background: transparent;
}
.tweak-mobile-bar-menu-icon-vertical-dots .Mobile-bar-menu .Icon--dots-vertical {
    fill: white !important;
}}

 


 Send me a message if you have any questions.

OFF forum from Jan 16 - Jan 31 for Lunar New Year.

Share this post


Link to post
  • 0
13 minutes ago, tuanphan said:

Can you share link to your site?

my site is not published yet.
basically i want the "logo" and menu to be on top of my index gallery. just like the second picture i posted that shows the gallery covering the whole page with the logo on top.

Share this post


Link to post
  • 0
1 minute ago, RubenAlza said:

my site is not published yet.
basically i want the "logo" and menu to be on top of my index gallery. just like the second picture i posted that shows the gallery covering the whole page with the logo on top.

If you can't share url, try contacting Squarespace Custom Care first.

You can also setup password & share url. i guess it need some custom code.


 Send me a message if you have any questions.

OFF forum from Jan 16 - Jan 31 for Lunar New Year.

Share this post


Link to post
  • 0
2 minutes ago, tuanphan said:

If you can't share url, try contacting Squarespace Custom Care first.

You can also setup password & share url. i guess it need some custom code.

ok, done 
www.rubenalza.com
that is the page. so, im trying to edit the mobile look to it. like i said before having the gallery on top without that white bar over it.
p.s. if you know how to also edit the menu background i would love it so much. its giving me a headache. cant seem to find it anywhere.

Share this post


Link to post
  • 0
2 minutes ago, tuanphan said:

Add to Home > Design > Custom CSS


@media screen and (max-width:640px) {
.homepage {
    margin-top: 0 !important;
}
.tweak-mobile-bar-top-fixed .Mobile-bar--top {
    background: transparent;
}
.tweak-mobile-bar-menu-icon-vertical-dots .Mobile-bar-menu .Icon--dots-vertical {
    fill: white !important;
}}

 

thank you so much!!!!! you the best 🙂

Share this post


Link to post
  • 0
On 11/8/2019 at 7:42 PM, tuanphan said:

Add to Home > Design > Custom CSS


@media screen and (max-width:640px) {
.homepage {
    margin-top: 0 !important;
}
.tweak-mobile-bar-top-fixed .Mobile-bar--top {
    background: transparent;
}
.tweak-mobile-bar-menu-icon-vertical-dots .Mobile-bar-menu .Icon--dots-vertical {
    fill: white !important;
}}

 

hi! question, i just noticed the change apply only to my homepage. thing is i have my site in two languages, so i have the spanish one as my homepage but as soon i click to change it to english on my menu the css edit doesnt apply at all. please how can i have it for both (or all maybe)? thank you in advance.

Edited by RubenAlza
add few words related to the request

Share this post


Link to post
  • 0
34 minutes ago, RubenAlza said:

hi! question, i just noticed the change apply only to my homepage. thing is i have my site in two languages, so i have the spanish one as my homepage but as soon i click to change it to english on my menu the css edit doesnt apply at all. please how can i have it for both (or all maybe)? thank you in advance.

Replace .homepage with Page ID. Each page will have different ID. See how to find Page ID.


 Send me a message if you have any questions.

OFF forum from Jan 16 - Jan 31 for Lunar New Year.

Share this post


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