Jump to content

DarioDiMaggio

Member
  • Posts

    28
  • Joined

  • Last visited

Everything posted by DarioDiMaggio

  1. Hi there, how are you? www.ddm-studio.com Thank you
  2. Hi there, A client just showed me that my social media icons in the desktop and mobile view are just clickable on the bottom part of the icons and not throughout the icons. The icons are in my footer. Can you help me please? I think a need some custom css coding. Thank you.
  3. If I duplicate the pages and make them in italian, is there a way to put the header in italian in the italian pages only? What's the easiest way you suggest?
  4. Hi Ziggy! Do I have to check every single code to change ES in IT? I have already had a look to this article and it is very scary and time consuming for me. It's not clear to me and I'm already lost at step number 2! hahahaha
  5. Hi everyone! I'd like to translate my website from english to italian. I tried weglot but I don't have budget at the moment to pay the service. I'm not able to use coding. What's the easiest option in order to translate my website? Is there any automatic option in order to do so? I thought to duplicate pages, but this forces me to create a welcome page where I can switch from italian or english, but I don't want to do that. Please can you guide me with the best solution? Thank you
  6. It seems like a squarespace issue then. I'll leave it like that Ziggy. Thank you for your time
  7. Yes sure! This is what I have in the footer code injection: <script src="//ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script type="text/javascript"> $(function() { $(".header-display-desktop .header-nav-item:nth-child(n+3)") .prependTo (".header-actions--right"); }); </script> This is what I have in CSS instead: .gallery-reel-item img { width: 99.5% !important; height: auto !important; } .header-actions .header-nav-item { padding-right:2.1vw !important; /**change as needed**/ color:black !important; } .header-nav-list { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:end !important; -ms-flex-pack:end !important; justify-content:flex-end !important; .header-nav-item { padding-right:2.1vw !important; /**change as needed**/ } } .header-actions--right { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; } .header-actions .header-nav-item { padding-right:2.1vw !important;//change as needed } .header-nav-list { display:flex; justify-content:flex-end !important; .header-nav-item { padding-right:2.1vw !important; //change as needed } } .header-actions--right { display:flex; justify-content:space-between; } .header-display-mobile .header-nav-item.header-nav-item--collection { display:none; } .header-nav-folder-content { opacity: 0; pointer-events: none; position: absolute; top: auto; margin-left:-1em; padding: .5em 1em; text-align: left; width: 200px !important; z-index: 10; } .header-nav-item--folder:hover .header-nav-folder-content, .header-nav-item--folder .header-nav-folder-content.focus-within { opacity: 1; pointer-events: auto; } Thank you
  8. Done Ziggy! I replaced the coding. It's the same code I found in the page I mentioned to you before. Thank you
  9. Yes! I tried to get in touch with them and of course, no answers. Is there anything I can provide to you in order to see if you can help me to sort out this header? Thanks.
  10. Thank you Ziggy, but this doesn't help or solve my issue. Never mind
  11. I would like to have the about, contact and language switcher to the right side of the logo. I found the guide I mentioned before, but I have an issue with the colours in same pages.
  12. This is where I took the codes from: https://www.squarestylist.com/blog/secondary-navigation Maybe it can be useful for you in order to help me to fix my issue? Thanks
  13. I tried and I need to work on it. I'm not able to figure out the reason why in two pages the colours change. Any idea?
  14. I erased all the css and coding. Can you help me to reach what I want for my website, please? I'd like to make a second menu to the right between the logo and cta tab with the language switcher.
  15. This is the code in the footer! Maybe it might help <script src="//ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script type="text/javascript"> $(function() { $(".header-display-desktop .header-nav-item:nth-child(n+4)") .prependTo (".header-actions--right"); }); </script>
  16. Oh noo! I didn't notice that before. When I go to edit that page I don't see anything wrong. Can I reset it and do it again? Maybe you can help? Thanks
  17. Yes, sorry! <script type="text/javascript" src="https://cdn.weglot.com/weglot.min.js"></script> <script> Weglot.initialize({ api_key: 'wg_20e735dec235937f029b216929b6d4cc7' }); </script>
  18. This is the coding I added before yours: .header-actions .header-nav-item { padding-right:2.1vw !important; /**change as needed**/ } .header-nav-list { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:end !important; -ms-flex-pack:end !important; justify-content:flex-end !important; .header-nav-item { padding-right:2.1vw !important; /**change as needed**/ } } .header-actions--right { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; } .header-actions .header-nav-item { padding-right:2.1vw !important;//change as needed } .header-nav-list { display:flex; justify-content:flex-end !important; .header-nav-item { padding-right:2.1vw !important; //change as needed } } .header-actions--right { display:flex; justify-content:space-between; } .header-display-mobile .header-nav-item.header-nav-item--collection { display:none; }.header-nav-folder-content { opacity: 0; pointer-events: none; position: absolute; top: auto; margin-left:-3.5em; padding: .5em 1em; text-align: left; width: 200px !important; z-index: 10; } .header-nav-item--folder:hover .header-nav-folder-content, .header-nav-item--folder .header-nav-folder-content.focus-within { opacity: 1; pointer-events: auto; } /* Align left dropdown */ .header-nav-folder-content { text-align: center !important; } .header-menu-actions.language-picker.language-picker-mobile { top: -141px!important; position: relative!important; } About the contact link I just simply created a new page and added it through squarespace
  19. Amazing! Thank you! It worked! Can you tell me how can I group the service with home and portfolio please?
  20. I also tried to do what you suggested, but how can I style the contact link as a button? Thanks
  21. I used weglot as a plugin. I like the style of the contact button like that. Is there a way to just simply move them? Thanks
×
×
  • 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.