Satori2046 Posted June 7, 2020 Share Posted June 7, 2020 Site URL: https://octagon-garlic-ejcr.squarespace.com/ Hello friends, My website is almost completed (finally 😄), but I have an issue with the location of one of my link Password is : sonatine The "Commercial" button should be next to the "Fashion films" button but I cant figure out how to put it there. When I change the order of the pages in my pages settings,  it never find itself in the right position. Could anyone help me out ? I would be more than grateful. P.S : A picture attached with the actual issue. Thanks a lot !  Link to comment
tuanphan Posted June 9, 2020 Share Posted June 9, 2020 It looks like i helped you with code to align right commercial, about, icons =]] Find this code in Custom CSS, change 7 to 6 #topNav nav li:nth-child(4), #topNav nav li:nth-child(5), #topNav nav li:nth-child(6), #topNav nav li:nth-child(7) { float: right !important; }  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
Satori2046 Posted August 27, 2020 Author Share Posted August 27, 2020 Hello everyone and tuanphan ! The last code you gave me worked perfectly fine. But now I have an other issue after testing it out with a few friends. Depending of the resolution of the screen the visitors are using (1920x1080 and higher) this mess up the alignment of the three links "About" and the two "instagram" and "vimeo" button. Is there any way to fix this and to force other resolution to be correct ? Or should I just pick the resolution most commonly used ? Thanks a lot ! Link to comment
tuanphan Posted August 28, 2020 Share Posted August 28, 2020 You mean align with videos below? 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
Satori2046 Posted August 28, 2020 Author Share Posted August 28, 2020 Hello ! Normally the three links should be aligned with the edge of the video below. With the actual code, it works with 1920 x 1080 resolution, but when someone uses a bigger resolution, the links are pushed away : / Thanks a lot in advance ! Link to comment
tuanphan Posted August 29, 2020 Share Posted August 29, 2020 Your site is expired. You can contact Squarespace Customer Care to extend trial (free). You can also contact me to do this :P 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
Satori2046 Posted August 29, 2020 Author Share Posted August 29, 2020 Hehe thanks, it's back on now. Link to comment
tuanphan Posted September 2, 2020 Share Posted September 2, 2020 Add to Home > design > Custom CSS div#topNav { max-width: 960px; }  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
Satori2046 Posted September 7, 2020 Author Share Posted September 7, 2020 (edited) Hello again ! Ok added the code at the end, hopefully its the right way ? It's still not working on a 2k resolution screen 😞 By the way, what kind of suscription do I need, business or personnal is enough if I want to use these css codes ? Thanks a lot ! @media screen and (min-width:991px) { .site-alignment-left.header-navigation-normal #topNav { width: 10%; } #topNav nav { width: 100%; } #topNav nav li:nth-child(4), #topNav nav li:nth-child(5), #topNav nav li:nth-child(6), #topNav nav li:nth-child(6) { float: right !important; } } @media screen and (min-width:991px) { .site-alignment-left.header-navigation-normal #topNav { width: 62%; } #topNav nav { width: 83%; } #topNav navth-child(4), #topNav nav li:nth-child(5), #topNav nav li:nth-child(6), #topNav nav li:nth-child(6) { float: right !important; } } #collection-5da886060ccc3012c4362989 .sqs-gallery-block-grid .sqs-gallery-design-grid-slide .margin-wrapper { margin-bottom: 0 !important; div#topNav { max-width: 960px; } }  Edited September 7, 2020 by Satori2046 Link to comment
tuanphan Posted September 12, 2020 Share Posted September 12, 2020 Personal is enough 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
Solution tuanphan Posted September 13, 2020 Solution Share Posted September 13, 2020 Add to Home > design > Custom CSS @media screen and (min-width:991px) { header#header { max-width: 960px; } nav.main-nav.dropdown-hover { width: 100% !important; } div#topNav { width: 100% !important; } #topNav nav li:nth-child(4) { margin-right: 0; } }  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
Satori2046 Posted September 15, 2020 Author Share Posted September 15, 2020 Hello Tuanphan ! After a test it actually worked ! Thank you so much no more issues with these links going crazy depending of the screen resolution So I booked my annual suscription but an other issue just happened, the Instagram and Vimeo icon links dissapeared ?! : / I'm using this technique (cf screenshots) but they dont appear on screen and I have no idea why. Thanks a lot again ...  Link to comment
tuanphan Posted September 15, 2020 Share Posted September 15, 2020 Can you share all code in Code Injection Header & Footer? 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
Satori2046 Posted September 16, 2020 Author Share Posted September 16, 2020 Of course, thanks ! So I cant past the code, had to take a screenshot below  it seems its only a commercial or businness plan : / So I guess none of them are working and it make sense since both buttons dissapeared when I suscribed to the personnal annual plan 😞 Is there any other way to have these two social link button at the same spot without having to pay 60 dollars more ? Thanks a lot !    Link to comment
tuanphan Posted September 18, 2020 Share Posted September 18, 2020 There was a storm here. Did you solve?  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
Satori2046 Posted September 21, 2020 Author Share Posted September 21, 2020 Hello ! Hehe here to, a big freaking storm 😛 So no I didnt manage to have my vimeo and instagram button on the upper right position as is used to be. : / Any help would be appreciated The site is out though : www.videodrome.me Link to comment
Satori2046 Posted September 22, 2020 Author Share Posted September 22, 2020 Any luck with this ? Thanks a lot ! If it's not possible I guess I'll leave the button in the "about" page.  Link to comment
tuanphan Posted September 23, 2020 Share Posted September 23, 2020 Overloading. I think this is possible in Personal Plan. Saved the question. Will check again on this weekend. 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment