@media (max-width: 1028px) {
.primary-navigation ul>li a, .secondary-navigation ul>li a {
color:white
}
.mobile-header {
position: sticky; /* Makes the header stick */
top: 0;
z-index: 1000; /* Ensures it’s above other elements */
background: white; /* Prevents transparency issues */
display: flex !important;
justify-content: space-between !important; /* Creates space between logo & menu */
align-items: center !important;
padding: 10px 20px !important; /* Adds spacing inside */
width: 100%;
max-width: 100vw; /* Prevents width overflow */
overflow-x: hidden; /* Hides any extra content */
height:80px;
overflow-y:hidden;
}
.mobile-header-t,
.mobile-header-b {
display: flex !important;
align-items: center !important;
/* Prevents horizontal overflow */
}
/* Fix logo & menu icon spacing */
.site-branding {
flex-grow: 1 !important; /* Pushes logo to the left */
}
.srch-moblop-wrap {
display: flex !important;
align-items: center !important;
gap: 20px !important; /* Adds space between menu button & search */
}
.mobile-menu-button {
margin-left: auto !important; /* Pushes menu icon to the right */
}
/* Hide unnecessary text in the mobile menu */
.mobile-header-b .mob-menu-op-txt {
display: none;
}
.mobile-header .mobile-header-t {
background: none !important;
}
}
/* Fix header positioning & prevent overflow */
.header-layout-1 .header-b {
box-shadow: none !important;
}
.mobile-header {
background: transparent !important;
position: relative !important;
width: 100% !important;
z-index: 1000 !important;
max-width: 100vw; /* Prevents overflow */
overflow-x: hidden;
}
/* Fix sub-menu */
.sub-menu li a {
color: black !important;
white-space: nowrap; /* Prevents menu text from wrapping */
overflow: hidden; /* Prevents content from pushing width */
text-overflow: ellipsis;
}
/* Fix mobile menu wrapper */
.mobile-header .mobile-menu-wrapper {
background: #000120 !important;Destination
Activities
Trip Types
Blog
Pages
Contact
Destination
Activities
Trip Types
Blog
Pages
Contact
}
/* Global fix for unwanted horizontal scrolling */
html, body {
overflow-x: hidden !important;
width: 100%;
max-width: 100vw;
}
#pricelist {
border-radius: 5px;
background-color: #fff;
-webkit-box-shadow: 0 3px 40px rgba(36, 36, 36, .1);
box-shadow: 0 3px 40px rgba(36, 36, 36, .1);
}
.site-footer {
background-image: url(https://riveraholidays.com/wp-content/uploads/2025/03/bg-footer.jpg);
background-size: cover;
}
.wp-image-6186{
width:275px;
}
.wp-link{
display:none;
}
.author-link{
display:none;
}
@media (max-width: 767px) {
#NewtabTours .e-n-tabs-heading {
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
width: 100%;
height: 50px;
gap: 5px;
overflow: hidden;
}
#NewtabTours .e-n-tab-title[aria-selected=true] {
margin-block-end: 0 !important; /* Override the unwanted margin */
}
#NewtabTours .e-n-tab-title:not(:first-child) {
margin-block-start: 0 !important; /* Override the unwanted margin */
}
#NewtabTours .e-n-tab-title-text{
font-size:14px !important;
}
}
#riveracontactus input {
height: 55px; /* Set input field height */
width: 100%; /* Make inputs full-width */
box-sizing: border-box; /* Ensure padding doesn’t affect width */
padding: 8px 10px; /* Add inner spacing */
}
.carousel-badge {
position: absolute;
top: 10px;
right: 10px;
background: red;
color: white;
padding: 5px 10px;
font-size: 12px;
font-weight: bold;
border-radius: 5px;
z-index: 10;
}
.bdt-ep-static-carousel-item {
position: relative; /* Ensure positioning context */
}