- This topic has 12 replies, 3 voices, and was last updated 7 years, 6 months ago by Tom.
-
AuthorPosts
-
September 23, 2016 at 10:22 am #228934Luis Antonio
Hello, good morning, can you help me? I’m trying to place on a hook “before footer” the code : <script src=”https://hotels.cloudbeds.com/widget/load/vtUOyv/float”></script> and the reseatch search engine automatically appears on the header over the menu, can you tell me how to lower it from the footer, thanks!
September 23, 2016 at 5:58 pm #228994Jean Paiva DeveloperHello Luis, this script call external html/css/js, maybe you will have to tweak some css for displaying properly on your page.
If you share the link with the element on page maybe we could help you. π
September 23, 2016 at 8:23 pm #229002Luis AntonioSeptember 23, 2016 at 11:12 pm #229011TomLead DeveloperLead DeveloperThis CSS might help:
.float_bg2 { bottom: 0; top: auto; }
September 24, 2016 at 9:29 am #229122Luis AntonioHi tom, I need to place “the menu reservation” in the “footer”
imgThanks,
September 24, 2016 at 11:48 am #229139Luis AntonioHi tom!,
.float_bg2 { bottom: 0 !important; top: auto !important; } @media (min-width: 1060px) .floatWrapper { /* padding-bottom: 51px; */ }
Error :
September 24, 2016 at 7:03 pm #229190TomLead DeveloperLead DeveloperTry setting the padding to 0px:
@media (min-width: 1060px) { .floatWrapper { padding-bottom: 0; } }
September 24, 2016 at 9:26 pm #229200Luis AntonioThanks add !important;
`
@media (min-width: 1060px) {
.floatWrapper {
padding-bottom: 0 !important;
}
}September 24, 2016 at 10:50 pm #229213TomLead DeveloperLead DeveloperYou’re welcome π
October 6, 2016 at 11:29 am #232887Luis AntonioHi tom! I have problem for menu reservation version mobile
Image example
imgI need the menu is always in footer
Thanks !
October 6, 2016 at 1:03 pm #232940TomLead DeveloperLead DeveloperYou need to overwrite the CSS added by the widget:
@media (max-width: 549px) { .CloudBedsWidget .float_bg2 { position: fixed !important; width: 100%; height: 107px; } }
October 6, 2016 at 1:17 pm #232947Luis AntonioNo found π
`
.main-navigation, .main-navigation ul ul {
background-color: #F0EDE6;
opacity: 0.9;
}
@media (min-width: 769px) {
.main-navigation .sticky-logo {
position: absolute;
top: -20px;
left: 0;
z-index: 500;
}
.main-navigation .sticky-logo,
.main-navigation .sticky-logo img {
height: 200px;
}
}.float_bg2 {
background: #00a0d2 !important;
width: 100%;
z-index: 50001;
left: 0;
/* top: 0; */
display: block;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: 600;
border: none;
border-bottom: 2px solid #fff;
box-shadow: 0 3px 5px #808080;
}.float_bg2 {
bottom: 0 !important;
top: auto !important;
}
@media (min-width: 1060px) {
.floatWrapper {
padding-bottom: 0 !important;
}
}
@media (max-width: 1059px) {
.floatWrapper {
padding-bottom: 0 !important;
}
@media (max-width: 549px) {
.CloudBedsWidget .float_bg2 {
position: fixed !important;
width: 100%;
height: 107px;
}
}October 6, 2016 at 1:18 pm #232949TomLead DeveloperLead DeveloperYou added it inside the other media query. Add that CSS to the very bottom of your custom CSS (outside of the other media query).
-
AuthorPosts
- You must be logged in to reply to this topic.