Can't move header button

Hi there, my website is: www.r2arts.org

I am trying to put a donation button into the header but when I add the element, the design is so far to the left I cannot see or use it. I can't adjust it and editing the header style does not move the button either. I am working on this website after someone else began the process of designing it years ago. I am unsure how to go about fixing this issue for our donations page. Any advice would greatly help! I have also attached the code that is already in the Custom Code Injection page. 

$(function () {
$(this).bind(“contextmenu”, function (e) {

e.preventDefault(); });

}); </script>

The code you show is not functioning. There are syntax errors and it is incomplete. I believe the intent of the code is to prevent a site visitor from using the browser context menu. I don't recommend folks install code such as this and suggest you remove it.

I see no code related to adding buttons to the header so it is hard to give advice.

You may find the following of interest.

Let us know how it goes.

On 8/30/2024 at 4:30 PM, creedon said:

The code you show is not functioning. There are syntax errors and it is incomplete. I believe the intent of the code is to prevent a site visitor from using the browser context menu. I don't recommend folks install code such as this and suggest you remove it.

I see no code related to adding buttons to the header so it is hard to give advice.

You may find the following of interest.

Let us know how it goes.

I'm sorry I think I was looking at the wrong spot, all of the code was done by a previous employee. I believe I found where the original code is and it goes as follows:

I am unsure of how to fix the bug with the button being unmoveable

Quote

 

.header-menu-bg {background: #fffff !important;}

div.header-menu-nav-item a {
    margin-top: 17px;
    margin-bottom: 5px;
}

.header-menu-nav-item a {
    padding-top: 0vw;
    padding-bottom: 0vw;
}

.gallery-slideshow-control-btn-icon svg {
  height: 50px !important;
  width: 28px !important;
}

.gallery-section .gallery-caption p {
  font-size: 18px !important;
}

/*MULTI-LINE DESCRIPTION FOR GALLERY SLIDESHOW SIMPLE (7.1)*/
.gallery-caption-slideshow span {
  color: #898989;
  display: block;
  font-size: .7rem;
  line-height: 1.4em;
  margin-top: 10px;
}

/* BUTTON TEXT TWEAK */
.sqs-block-button-element{
color: #000000 !important;
background: #F1BB79 !important;
border: 1px solid #000000!important;

&:hover {
color: #000000!important;
background: #F1BB79 !important;
border: 1px solid #DC463B!important;
}}

.header-menu-nav-item {
    padding-right: 0px !important;
}

.header-nav, .header-actions {

  display: none;

}

.header-burger {

  display: flex;

}

.header--menu-open .header-menu {

visibility: visible;

  opacity: 1;

}

/* social icons size */
.header-menu-actions a {
    width: 10px;
}

/*MOVING THE MOBILE MENU BUTTON IN SQUARESPACE 7.1 CLOSER TO THE LINKS*/
.header-menu-nav-folder-content {
 flex-grow: 0;
}
.header-menu-nav-folder {
  justify-content: center;
}

.sqs-block-button-element:hover {
 border-color: black!important;
 background-color: #FFFFF!important;
 box-shadow: 2px 2px 0px 0px #D3D3D3!important;
 font-weight: bold!important
}

// Make buttons 100% wide on mobile (except form and list section buttons)
.sqs-block-button {
  a.sqs-button-element--primary {
    @media only screen and (max-width: 767px) {
      width: 100%;
    }
  }
}

#mobile-header {
    background: #880808;
}

.header-menu-nav-item a {
    font-size: 18px;
}

/*Mobile menu */

.header--menu-open .header-menu .header-menu-bg{background:D3D3D3!important}

.header--menu-open .header-menu-nav-item:nth-child(5) a {color:#000000!important}

.header--menu-open a{color:#00000!important}

.header--menu-open .header-menu .header-menu-cta a{background-color:#D3D3D3;color:#D3D3D3!important}

.header--menu-open .burger-inner:before, .header--menu-open .burger-inner:after{background-color:#D3D3D3!important}

.header-menu-cta {
  background-color: #D3D3D3; 
}

.sqs-svg-icon--wrapper {
box-shadow: 1px 2px #0000;
}

/*COLOURED DROPSHADOW FOR BUTTONS*/

.sqs-block-button-element--small.sqs-block-button-element {

    box-shadow: 3px 3px #fffff;

}

.sqs-block-button-element--medium.sqs-block-button-element {

    box-shadow: 2px 2px #fffff;

}

.sqs-block-button-element--large.sqs-block-button-element {

    box-shadow: 2px 2px #fffff;

}

/* link hover color */
#page a:hover {
    color: #800000;
}/* link hover color in footer */

footer a:hover {
    color: #F1BB79  !important;
}.sqs-block-button-element:hover {background-color:#F6c03c; color:#000}
//Remove underline from footer links
/*Using pseudo element to add arrow down icon*/
a.Header-nav-folder-title:after {
    content: "\e009";
    font-family: 'squarespace-ui-font';
}
.header-nav-folder-content{background:#ffffff !important}
/* nav colour hover */
.header-nav-item:hover>a, .header-nav-folder-item:hover a {
  color: #800000 !important;
  h1 a, h2 a, h3 a, p a 
  
  {
a.header-nav-folder-title:after {

    content: "\e009";

    font-family: 'squarespace-ui-font';

  position: relative;

    top: 1px;
    }
    
    SECTION-ID::before {
  content: '';
  animation: bounce 2s ease infinite;
  bottom: 2rem;
  border: solid;
  border-width: 0 3px 3px 0;
  padding: 12px;
  display: inline-block;
  left: 50%;
  transform: rotate(45deg) translateX(-72.5%) translateY(0%);
  position: absolute;
  z-index: 1;
}
@keyframes bounce {
50% {
  transform: rotate(45deg) translateX(-50%) translateY(30%);
}
}
}
  text-decoration: none !important;
}

.header-announcement-bar-wrapper {
  border-top: 1px solid #f3e1c9;
  border-bottom: 1px solid #f3e1c9;
  margin: 20px;
  width: auto !important;
}

.sqs-search-ui-button-wrapper.color-dark .search-input {
border: none;
border-bottom: solid 0px lightgray;
}

.user-items-list-item-container {

.user-items-list-carousel__slide {

    pointer-events: initial !important;

}

li img {

  transition: 0.2s;

}

li:hover img {

  transform: scale (1.1) !important;

  transition: 0.2s;

}}

a.header-nav-folder-title:after {

    content: "\e009";

    font-family: 'squarespace-ui-font';

  position: relative;

    top: 1px;

}

.header-nav-folder-title {

  margin-top: -1px !important;

 
  
  
}

.header-title-nav-wrapper a { font-size: 10 px;}