Navigation
Archive / Headline gets cut off as page resizes in safari
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • October 23, 2016 at 11:55 am #1227375
    Lorie
    Participant

    Hi there. Please see the image below. This doesn’t happen on Firefox but it happens in safari and chrome. I’ll send log-in credentials next. Thanks!

    October 23, 2016 at 12:01 pm #1227380
    Lorie
    Participant
    This reply has been marked as private.
    October 23, 2016 at 1:48 pm #1227451
    Rupok
    Member

    Hi there,

    Thanks for writing in! It seems happening while the menubar is breaking to second line. You can add this under Custom > CSS in the Customizer.

    @media only screen and (min-width: 980px) and (max-width: 1225px) {
.x-navbar .x-container.max.width {
  width: 95%;
}
.x-brand img {
  margin-top: 8px;
  width: 200px;
}
.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
  padding-left: 15px;
  padding-right: 15px;
}

    Hope this helps.

    October 24, 2016 at 1:00 pm #1228669
    Lorie
    Participant

    Hi. That didn’t do it. Other ideas?

    October 24, 2016 at 4:08 pm #1228906
    Jade
    Moderator

    Hi Lorie,

    Please try this code:

    @media (min-width: 980px) and (max-width: 1034px) {
    .x-navbar .desktop .x-nav>li>a {
        font-size: 14px;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }     
}

    Hope this helps.

    October 28, 2016 at 2:59 pm #1235186
    Lorie
    Participant

    Thanks Jade.

    October 28, 2016 at 11:25 pm #1235578
    Prasant Rai
    Moderator

    You are most welcome. 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1227375 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>