Hi there,

I've noticed an issue with my Soledad theme since the most recent update. As you can see in the attached screenshot, the top bar showing all the drop-downs is not appearing on some desktop browsers (i.e Chrome). When I change the Zoom view to 80%, I can see it though (see second attachment). Is there a way to fit this to all laptop screens, so the user does not have to change the Zoom to see that top bar? Thank you!

Thank you. This partially resolves the issue, however, now when I'm on 100% zoom, the top bar is stuffed into the corner. How can I better fit this to the screen size, that way, users will see better laid out across the width of the screen?

Hi, I just tried the 3rd party tool you mentioned and I noticed that the iPad Pro (1366x1024 - landscape) appears to still have this issue (see attached screenshot). Also, is there a reason you chose 1170px as the screen size? Aren't there some laptops that are a bit smaller than that? Thanks for all your help.

Thank you. Should I be deleting the other CSS code you previously gave me? Or Does this work in addition?

Hi there,

I just received some feedback from readers on my website that there are issues with the menu visibility (see attached screenshot). Can you help me understand why this is still happening? Thank you.

Hi, this didn't work...I wonder if there's a conflict/overlap between this script you used and what I already have in my Custom CSS? Here's the code that is currently in there: 

/* Path in Appearance > Additional CSS > Select Custom CSS */

@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@400;500;600;700;800;900&display=swap');

.pt-cv-readmore {
    color: #ffffff !important;
    background-color: #1f77ba !important;
    border: none !important;
}
.youtube-responsive-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}

.youtube-responsive-container iframe, .youtube-responsive-container object, .youtube-responsive-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.post-entry h2, .wpb_text_column h2{ font-size: 25px; color:#0059b2 }
.post-entry h3, .wpb_text_column h3{ font-size: 22px;  }
.post-entry h4, .wpb_text_column h4{ font-size: 21px; }
.wp-block-table td, .wp-block-table th {
    word-wrap: break-word;
    word-break: break-word;
}
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/*Mediavine*/
  @media only screen and (min-width: 961px) {
   #main {
       max-width: calc(100% - 300px);
   }
   #sidebar {
       min-width: 300px;
   }
}

@media only screen and (max-width: 359px) {
       .wrapper-boxed>.container, #widget-area>.container, #footer-section>.container{
    width: 300px;
    padding-left:0px;
    padding-right:0px
}
    }
body #social a {
    font-size: 22px;
}
p {
  letter-spacing: 0.07em;
}

p {
  word-spacing: -2px;


}
.last-updated {
    font-size: smaller;
    text-transform: uppercase;
  font-weight: bold;
}

/* This is how  */
.page-date .fa-clock-o, .page-date .meta-prep-author {
display: none;
}

.ExternalClass * {
line-height: 100%;
}
.video img {
width: 100%;
height: auto;
}
h1, h2, h3, h4, h5, h6 {
line-height: 100% !important;
-webkit-font-smoothing: antialiased;
}
.yshortcuts, .yshortcuts a, .yshortcuts a:link, .yshortcuts a:visited, .yshortcuts a:hover, .yshortcuts a span {
color: black;
text-decoration: none !important;
border-bottom: none !important;
background: none !important;
}
code {
white-space: 300;
word-break: break-all;
}
span a {
text-decoration: none !important;
}
.yshortcuts a {
border-bottom: none !important;
}
*[class="gmail-fix"] {
display: none !important;
}
.templetcontainerbg {
position: relative;
}
.templetcontainerbg:after {
position: absolute;
content: '';
width: 100%;
height: 170px;
background: #ffffff;
bottom: 0;
left: 0;
right: 0;
top: auto;
}
.templetcontainerbg2 {
position: relative;
}
.templetcontainerbg2:after {
position: absolute;
content: '';
width: 100%;
height: 80px;
background: #f8debe;
bottom: auto;
left: 0;
right: 0;
top: 0;
}
 @media only screen and (min-width:481px) and (max-width:599px) {
table[class=templetcontainer] {
width: 100% !important;
}
table[class=spark_full_width_containt] {
width: 100% !important;
}
td[class=spacer] {
padding-left: 14px !important;
padding-right: 14px !important;
}
td[class=remove] {
display: none !important;
}
img[class=full_img] {
width: 100% !important;
height: auto !important;
}
td[class=height_f] {
height: 20px !important;
}
td[class=video] img {
width: 100% !important;
height: auto !important;
}
td[class=text_center] {
text-align: center !important;
}
.hide {
display: none !important;
}
td[class="mob_hide"] {
display: none !important;
font-size: 0 !important;
height: 0 !important;
line-height: 0 !important;
min-height: 0 !important;
width: 0 !important;
}
td[class="templetcontainer2"] {
float: left !important;
width: 100% !important;
display: block !important;
}
td[class=pad_bottom] {
padding-bottom: 10px;
}
td[class=pad_top] {
padding-top: 10px;
}
img[class="mob_hide"] {
display: none !important;
font-size: 0 !important;
height: 0 !important;
line-height: 0 !important;
min-height: 0 !important;
width: 0 !important;
}
td[class="nopad"] {
padding-top: 0 !important;
}
td[class="templetcontainer3"] {
float: left !important;
width: 50% !important;
display: block !important;
}
table[class="templetcontainer4"] {
float: right !important;
width: 120px !important;
display: block !important;
}
table[class="templetcontainer4"] td {
float: right !important;
width: 30px !important;
display: block !important;
}
input[type=text].w100 {
width: 100% !important;
}
.subscribebtn {
width: 100% !important;
margin: 10px 0 !important;
}
}
 @media only screen and (max-width:480px) {
table[class="templetcontainer4"] {
float: right !important;
width: 120px !important;
display: block !important;
}
table[class="templetcontainer4"] td {
float: right !important;
width: 30px !important;
display: block !important;
}
td[class="templetcontainer3"] {
float: left !important;
width: 50% !important;
display: block !important;
}
table[class=templetcontainer] {
width: 100% !important;
}
table[class=spark_full_width_containt] {
width: 100% !important;
}
td[class="spacer"] {
padding-left: 16px !important;
padding-right: 16px !important;
}
td[class=remove] {
display: none !important;
}
img[class=full_img] {
width: 100% !important;
height: auto !important;
}
td[class=height_f] {
height: 20px !important;
}
td[class=video] img {
width: 100% !important;
height: auto !important;
}
td[class=text_center] {
text-align: center !important;
}
img[class=center_block] {
text-align: center !important;
margin: 0 auto !important;
}
.hide {
display: none !important;
}
td[class=pad_bottom] {
padding-bottom: 10px;
}
td[class=pad_top] {
padding-top: 10px;
}
td[class="mob_hide"] {
display: none !important;
font-size: 0 !important;
height: 0 !important;
line-height: 0 !important;
min-height: 0 !important;
width: 0 !important;
}
td[class="templetcontainer2"] {
float: left !important;
width: 100% !important;
display: block !important;
}
td[class="fontsm"] {
font-size: 24px !important;
line-height: normal !important;
}
td[class="pad_clean"] {
padding-top: 5px !important;
}
td[class="pad_cl"] {
padding-left: 0 !important;
}
img[class="mob_hide"] {
display: none !important;
font-size: 0 !important;
height: 0 !important;
line-height: 0 !important;
min-height: 0 !important;
width: 0 !important;
}
td[class="nopad"] {
padding-top: 0 !important;
}
input[type=text].w100 {
width: 100% !important;
}
input[type=email].w100 {
width: 100% !important;
}
.subscribebtn {
width: 100% !important;
margin: 10px 0 !important;
}
}
input[type=text].w100:hover {
border-color: #000083;
}
input[type=email].w100:hover {
border-color: #000083;
}
input[type=text], input[type=submit] {
width: 100%;
padding: 10px;
margin: 0 0;
border: 1px solid #ccc;
box-sizing: border-box;
}
input[type=email], input[type=submit] {
width: 100%;
padding: 10px;
margin: 0 0;
border: 1px solid #ccc;
box-sizing: border-box;
}
a.subscribebtn:hover,a.subscribebtn:focus {
background: #1414ae !important;

}

/* Hide spacer image in applications that support media queries */
@media only screen and (max-width: 600px) {
*[class="gmail-fix"] {
display: none !important;
}
}

#subscriptionForm td, #subscriptionForm th,
#mc4wp-form-3 td, #mc4wp-form-3 th,
#mc4wp-form-2 td, #mc4wp-form-2 th,
#mc4wp-form-1 td, #mc4wp-form-1 th,
#mc4wp-form-4 td, #mc4wp-form-4 th,
#mc4wp-form-5 td, #mc4wp-form-5 th,
#mc4wp-form-6 td, #mc4wp-form-6 th
{
    padding: unset!important;
    border-bottom: unset!important;;
    border-color: unset!important;;
}
#subscriptionForm table,
#mc4wp-form-3 table,
#mc4wp-form-2 table,
#mc4wp-form-1 table,
#mc4wp-form-4 table,
#mc4wp-form-5 table,
#mc4wp-form-6 table {
    margin-bottom: unset!important;
    border-collapse: unset!important;
    border-left: unset!important;
    border-right: unset!important;
    border-top: unset!important;
    border-bottom: unset!important;
}

.custom-disclosure {
    background-color: #f2f2f2; /* Light grey background */
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    font-size: 0.8em;
    text-align: center;
    color: #333; /* Dark text color */
}
@media only screen and (min-width: 1680px) {
  body {
    --pcctain: 80%;
  }
}

.woocommerce-shop .penci-woo-page-container div#main {
    max-width: 100%;
}
@media only screen and (max-width: 1024px) {
.single-product .penci-woo-page-container div#main {
    max-width: 100%;
}
}

/* .penci-single-product-top-container .penci-product-summary th.label {
    width: 22% !important;
}  */

.penci-single-product-top-container ul.jquery-grid-picker-widget {
    display: none !important;
}
.woocommerce div.product .product_title {
    color: #0059b2 !important;
}
.woocommerce div.product form.cart .button {
    background: #0059b2 !important;
    border-radius: 4px;
    width: 60%;
}

#travel-gear div#product-shop-content {
    background: #F8F8F8;
}

#travel-prints div#product-shop-content {
    background: #fff;
}
.woocommerce-Tabs-panel div#jp-relatedposts {
    display: none !important;
}
.heading-loop-second-custom h2:hover a {
    color: #1F77BA !important;
}
.heading-loop-second-custom a {
    color: #000 !important;
    display: block;
    line-height: 1.4 !important;
}
.img-product-page-custom:hover img {
    transform: scale(1.05);
}
.img-product-page-custom img {
    transition: all .3s ease-in-out;
}
.head-shop-page-menu-custom a {
    border-bottom: 2px solid white;
}
.head-shop-page-menu-custom a:hover {
    border-bottom: 2px solid black;
    /* font-size: 23px !important; */
}
.penci-single-product-top-container li.item-shop-link {
    display: none;
}
.penci-single-product-top-container .product_meta {
    display: none;
}
@media only screen and (min-width: 1024px) {
.woocommerce-product-gallery__image.pcw-gallery-main.pcw-gallery {
    height: 625px !important;
}
}
@media only screen and (min-width: 961px) {
    #main {
        max-width: 100% !important;
    }
}

.custom-content-woocommerce {
    display: inline-grid;
    margin-top: 25px;
    width: 100% !important;
 margin-top: 20px;
            padding: 15px;
            border: 1px solid #ddd;
            border-radius: 10px;
            background-color: #f9f9f9;
}

.inner-content {
            text-align: center;
        }
 .inner-content h3 {
            margin-bottom: 10px;
            font-size: 20px;
            color: #333;
        }
.wp-block-woocommerce-empty-cart-block .wc-block-grid__products .wp-block-button a {
    background: #0059b2 ;
}
@media only screen and (min-width:320px) and (max-width:767px) {

.wc-block-components-sidebar-layout.wc-block-cart.wp-block-woocommerce-filled-cart-block.is-mobile {
    padding-left: 20px;
    padding-right: 20px;
}
fieldset#contact-fields {
    padding-left: 14px;
    padding-right: 14px;
}
fieldset#shipping-fields {
    padding-left: 14px;
    padding-right: 14px;
}

fieldset#shipping-option {
    padding-left: 14px;
    padding-right: 14px;
}
fieldset#payment-method .wc-block-components-checkout-step__container {
    width: 96%;
    padding-left: 16px;
}

fieldset#payment-method p {
    font-size: 16px;
}
fieldset#payment-method .wc-block-components-checkout-step__heading {
    padding-left: 14px;
}

fieldset#payment-method input#radio-control-wc-payment-method-options-cpsw_stripe {
    margin-left: -8px;
}

fieldset#payment-method .wc-block-components-payment-method-icons.wc-block-components-payment-method-icons--align-left {
    margin-right: -14px;
}

fieldset#payment-method span.wc-block-components-payment-method-label {
    font-size: 13px;
    margin-left: -32px;
}
.wc-block-checkout__add-note {
    padding-left: 14px !important;
}

.wc-block-checkout__terms.wp-block-woocommerce-checkout-terms-block {
    padding-left: 14px;
    padding-right: 14px;
}

.wc-block-checkout__actions.wp-block-woocommerce-checkout-actions-block {
    padding-left: 14px;
    padding-right: 14px;
}

}
.single-product .custom-disclosure {
    display: none;
}
p {
    line-height: 1.5 !important; /* Adjust the 1.5 value as needed */
}

@media only screen and (max-width: 1170px) {
  #navigation.menu-item-padding .menu > ul > li > a,
  #navigation.menu-item-padding ul.menu > li > a {
    padding: 0 5px;
  }
  .penci-menuhbg-wapper,
  #navigation.header-6 .menu {
    margin-right: 10px;
  }
  #navigation.header-6 .pcheader-icon {
    margin-left: 10px;
  }
  #navigation ul.menu > li > a {
    font-size: 13px;
  }
}

/* MV Tidio CSS */
@media only screen and (min-width: 767px) {
div#tidio-chat > iframe {
    height: 490px !important;
 }
}

@media only screen and (max-width: 440px) {
div#tidio-chat > iframe#tidio-chat-iframe {
    margin-bottom: 115px !important;
    height: 82% !important;
    max-height: 95vh !important;
  }
}
/* End of MV Tidio CSS */

@media only screen and (max-width: 767px) {
  .post-entry img {
max-width: 100%;
height: auto !important;
}
}
@media only screen and (min-width: 1170px) and (max-width: 1400px) {
  #navigation.menu-item-padding .menu > ul > li > a,
  #navigation.menu-item-padding ul.menu > li > a {
    padding: 0 5px;
  }
}
@media only screen and (max-width: 767px) {
    p, 
    .wp-block-paragraph,
    .has-medium-font-size,
    [style*="font-size:20px"] {
        font-size: 18px !important; /* Reduce 20px text to 18px */
    }
}
/* Reduce Large Text to 18px on Mobile (≤ 767px) */
@media only screen and (max-width: 767px) {
    .has-large-font-size, 
    .wp-block-paragraph.has-large-font-size {
        font-size: 18px !important;
        line-height: 1.5 !important; /* Keeps spacing readable */
    }
}
/* Ensure Hyperlinks Match Paragraph Font Size */
@media only screen and (max-width: 767px) {
    p a, 
    .wp-block-paragraph a, 
    .entry-content a {
        font-size: inherit !important; /* Makes links the same size as surrounding text */
        line-height: inherit !important;
    }
}
/* Ensure Bold Text Matches Paragraph Size */
@media only screen and (max-width: 767px) {
    p strong, 
    p b, 
    .wp-block-paragraph strong, 
    .wp-block-paragraph b {
        font-size: inherit !important; /* Forces bold text to match normal text */
        font-weight: 700 !important; /* Ensures it's bold, but not bigger */
    }
}
/* Ensure Bullet Lists Match Paragraph Text Size on Mobile */
@media only screen and (max-width: 767px) {
    ul, ol, li {
        font-size: 16px !important; /* Ensures list text is the same size as paragraphs */
        line-height: 1.5 !important; /* Keeps spacing readable */
    }

    /* Ensure Bold Text in Lists Doesn't Appear Larger */
    ul li strong, ul li b, ol li strong, ol li b {
        font-size: inherit !important;
        font-weight: 700 !important;
    }

    /* Ensure Hyperlinks in Lists Match Text Size */
    ul li a, ol li a {
        font-size: inherit !important;
    }
}

It didn't work. Can you please look at my code and help me identify the problem? I am still seeing a missing top bar on many desktop browsers.