PayPal View Cart выпуска ⇐ CSS

[Anonymous]

Привет, у меня есть большие проблемы, интегрирующие просмотр PayPal Cart в мой батончик. Иногда это появляется в Dreamweaver, иногда нет. Также случайно на Chrome и Firefox. Я не могу получить его позицию, чтобы соответствовать кнопке запросов слева. Помогите оценить. Я использовал стандартную интеграцию PP Copy & Paste PP, поднимая элементы в CSS. Чтобы изменить цвет и размер. < /p>


ENQUIRIES

• HOME
• ABOUT
• PORCELAIN
• BRONZE
• PHOTOGRAPHY
• ARCHIVE
• PUBLICATIONS
• PRESS

cartPaypal.Cart({ id: "pp-view-cart" })



/*main nav bar*/
.header-main{
width: 100%;
height: 40px;
display: flex;
justify-content: space-between;
border-bottom: 1px solid #b7c9d3;
background-color: white;
z-index: 3;
position:fixed;
}
/*main nav bar left side button*/
.header-main-left{
width: 100%;
height: 100%;
text-decoration: none;
display: flex;
padding: 4px 0px 4px 20px;
list-style: none;
background-color: red;
}
.btn{
border: 1px solid #72848C;
border-radius: 4px;
background-color: white;
color: #72848C;
padding: 2px 3px;
font-size: .8em;
cursor: pointer;
width: 80px;
height: 30px;
transition: .3s;
}
.mlist{
border: 1px solid #72848C;
background-color: white;
position: relative;
}
.mlist:hover{
border: 1px solid #72848C;
background-color: #d7e1e6;
color: #72848C;
}

/*nav bar main middle menu*/
.header-main-nav{
width: 100%;
height: 100%;
background-color: white;
z-index: 3;
}
.header-main-nav ul{
list-style: none;
overflow: hidden;
}
.header-main-nav li {
background-color: white;
display: block;
float: center;
padding: 8px 8px 5px 8px;
}
.header-main-nav li a{
background-color: white;
display:block;
font-size: .8em;
padding: 0px 0px 0px 0px;
color: #72848C;
text-decoration: none;
text-align: center;
align-items: center;
z-index: 3;
}
.header-main-nav li a:hover{
text-decoration: 2px solid underline #72848C;
}
.header-main-nav li a:active{
text-decoration: 2px solid underline #72848C;
}
.header-main-nav a:hover,.header-main-nav .menu-btn:hover{
text-decoration: underline 2px solid #72848C;
cursor: pointer;
}

/*Mobile Menu*/
.menu{
clear: both;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
height: auto;
max-height: 0px;
width:100%;
margin-top: 1px;
padding: 0px 5px 5px 5px;
transition: max-height .4s ease-out;
background-color: white;
z-index: 3;
overflow: hidden;
}

.header-main-nav .menu-icon{
width: 100%;
height: 38px;
display: flex;
cursor: pointer;
justify-content: center;
padding:20px 20px 18px 20px;
margin-top: 0px;
margin-bottom: 3px;
user-select: none;
text-align: center;
background-color: white;
overflow: hidden;
}
.header-main-nav .menu-icon .nav-icon{
background: #72848C;
display: block;
height: 2px;
width: 30px;
position: relative;
transition: background .4s ease-out;
}

.header-main-nav .menu-icon .nav-icon:before,
.header-main-nav .menu-icon .nav-icon:after{
background: #72848C;
content: "";
display:block;
height: 100%;
width: 100%;
position: absolute;
transition: all .4s ease-out;

}
.header-main-nav .menu-icon .nav-icon:before{
top: 7px;
}
.header-main-nav .menu-icon .nav-icon:after{
top: -7px;
}

/*menu bt hamburger*/
.header-main-nav .menu-btn{
display: none;
background-color: #72848c;
}
.header-main-nav .menu-btn:checked ~ .menu{
max-height:240px;
width: 100%;
}
.header-main-nav .menu-btn:checked ~ .menu-icon .nav-icon{
background: transparent;
}
.header-main-nav .menu-btn:checked ~ .menu-icon .nav-icon:before{
transform: rotate(-45deg);
top: 0;
}
.header-main-nav .menu-btn:checked ~ .menu-icon .nav-icon:after{
transform: rotate(45deg);
top: 0;
}

/*nav bar right hand icons*/
.header-main-right{
width: 100%;
height: 100%;
text-decoration: none;
display: flex;
padding: 4px 20px 4px 0px;
list-style: none;
background-color: red;
}

/*
.header-main-right-favourites{
width: 23px;
height: 22px;
padding-top: 4px;
background-image:url("../images/icons/heart3.svg");
background-repeat: no-repeat;
background-size: cover;
}

.header-main-right-shopping{
width: 24px;
height: 24px;
padding-top: 2px;
background-image: url("../images/icons/shopping-bag_white_VFgreyDK.png");
background-repeat: no-repeat;
background-size: cover;
align-self: center;
}
*/
#cart-btn{
width: 60px;
height: 30px;
border: 1px solid #72848C;
border-radius: 4px;
background-color: white;
padding: 4px 8px 4px 8px;
transition: .3s;
position: relative;
}
#cart-btn:hover{
background-color: #d7e1e6;
border: 1px solid #72848C;
}
#cart-btn_count{
font-size: 15px;
font-weight: lighter;
color: #72848C;
}
#cart-btn_icon{
font-size: 15px;
color: #72848C;
}


Подробнее здесь: https://stackoverflow.com/questions/794 ... art-issues