Jeremy2338

1 - 2em width looks fine, however the elements that are next to the hovered one still move

@tuanphan elements are way too far from each other

@tuanphan

Isn't there a command that would "glue" nav links to the header? Thanks for the CSS, however it's not working. Elements that are next to the hovered one still move

You are right it's because of the bolding on hover, that's the effect I wanted to achieve. Can you suggest a CSS command that would add a minimum width to the nav links? I would try and see if it works

Hi everyone Website: https://www.shopfragrant.com/ When I hover on one of the header buttons, others start to move to the sides. Is there a CSS command to prevent them from moving?

How interesting. When I click on mobile it doesn't redirect.

@paul2009 I forgot to add that this my question applies only to mobile browser.

@paul2009 you are absolutely right! The branding would be much smaller, lets leave it in the burger menu 🙂 Also, do you happen to known how to redirect the customer to the page after switch the language? Lets say the user decides to switch the language from tge homepage, store, contacts etc., -> burger menu -> language selector -> ENGLISH -> and gets redirected straight to the page he switched the language from.

@paul2009 👋👋

@paul2009 I appreciate your thorough reply. I have couple ideas on how to place the selector without displaying the language word next to the flag so it occupies minimal space. In addition to minimizing space, logo could be made smaller. I am not sure I understand this part. English isn't my first language. . Can you please elaborate?

Hello everyone My site is available in English and Lithuanian langauges, but switching between the two languages on the mobile screen is inconvenient because it requires a three-step action. I would like language switch to be displayed on top of the screen without having to go few times through a header. That would be very much appreciated, thank you! I tried the code below but it doesn't work: @media screen and (max-width:991px) { .header-actions.header-actions--right, .header .language-picker-desktop { display: flex !important; order: 3; } .header-title-nav-wrapper { flex: 1 0 30% !important; } }

May you help me? @tuanphan

@tuanphan @FY_TOKYO Hi there! I'm facing the same problem and getting the same result as FY_TOKYO. Any possible solutions? Thanks much!

@CassAggett not necessarily dots, just the stop-section scroll

@CassAggett You are right! I made it larger that it originally was. All is good now The last issue I am having is with scroll-stop at sections. For example: http://www.guerlain.com I think I tried dozens of codes and none worked. Have you had any experience with this? 🙂

@CassAggett It worked! you are very helpful thanks 🙂 After uploading and arranging both desktop and mobile images, looks like the quality has decreased. Lets compare the landing photo in the desktop with the one I uploaded: https://images.squarespace-cdn.com/content/64d1fd5f8a18581d94bf57ef/3a005aeb-2fd2-4d5f-af95-1653a41a9908/P1072034.jpg?content-type=image%2Fjpeg The quality is clearly different isn't it? 🤔

@CassAggett thank you that worked! What would you suggest me to do if I want to use single image on each? Desktop: https://images.squarespace-cdn.com/content/64d1fd5f8a18581d94bf57ef/3a005aeb-2fd2-4d5f-af95-1653a41a9908/P1072034.jpg?content-type=image%2Fjpeg Mobile: https://images.squarespace-cdn.com/content/64d1fd5f8a18581d94bf57ef/6d20794c-6db3-4d93-9e59-e3395a6a861b/P1072036.jpg?content-type=image%2Fjpeg

@CassAggett I want to replace the two desktop images with a single one on mobile, the URL: https://i.etsystatic.com/45456594/r/il/597979/5170414265/il_fullxfull.5170414265_qnwo.jpg Thanks!

@CassAggett https://conch-dogfish-rlky.squarespace.com/ password: frag

Anyone?

Hi there How do I use a different photo for desktop and mobile browsers for the first section of the homepage? I tried codes from more than few posts but unsuccessfully The latest code I tried was this and it didn't work: /* Desktop Background Image */ @media screen and (min-width: 768px) { .landing-page .first-section { background-image: url('URL'); /* Additional styles for the desktop background image */ } } /* Mobile Background Image */ @media screen and (max-width: 767px) { .landing-page .first-section { background-image: url('URL'); /* Additional styles for the mobile background image */ } }