DarioDiMaggio

Thank you so much. I feel so stupid! lol

Hi there,

how are you?

www.ddm-studio.com

Thank you

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.

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?

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

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

It seems like a squarespace issue then. I'll leave it like that Ziggy. Thank you for your time

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 

Done Ziggy! I replaced the coding. It's the same code I found in the page I mentioned to you before.

Thank you

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.

Thank you Ziggy, but this doesn't help or solve my issue. Never mind

54 minutes ago, Ziggy said:

What problem are you still having?

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. 

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

Hi Ziggy!! Thank you, but I tried to edit it and it doesn't work

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?

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.

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>

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

Yes, sorry!

<script type="text/javascript" src="https://cdn.weglot.com/weglot.min.js"></script>
<script>
    Weglot.initialize({
        api_key: 'wg_20e735dec235937f029b216929b6d4cc7'
    });
</script>

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

Amazing! Thank you! It worked!

Can you tell me how can I group the service with home and portfolio please?

I also tried to do what you suggested, but how can I style the contact link as a button?

Thanks

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

Done!

https://ddm-studio.com/

psw:1234

Thanks!

Hi Ziggy!! My website is offline atm