Increase Menu bar width?

  • Hi,

    Can someone assist me with fixing the width of my main menu bar? Right now, the menu items are wrapping to the next line instead of expanding across the top of the page. I’d also like to remove the search navigation section in the middle so that the menu bar expands all the way over to the social media buttons on the right.

    There are some gray border lines separating the navigation bar, menu bar, and social media buttons – and I’d like to remove these lines as well.

    Please let me know if you can help, and thank you in advance!

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

  • That appears to be a commercial theme which is not supported here. You should ask the theme developer for customization options.

    Thread Starter thefitcpa

    (@thefitcpa)

    I have reached out – in the meantime though, is there any way you can help? This is what is currently in the Stylesheet for the menu bar area I am trying to update —

    #upper {
    margin:auto;
    padding: 0px 0px 0px 0px;
    width: 1100px;
    text-decoration:none;
    font: normal normal 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
    color: #303030;
    text-transform: uppercase;
    letter-spacing: 3px;
    overflow: hidden;

    }

    #upper-wrapper {
    margin:auto;
    padding: 0px 0px 0px 0px;
    width: 1500px;
    height: 62px;
    text-decoration:none;
    font: normal normal 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
    color: #303030;
    text-transform: uppercase;
    letter-spacing: 3px;
    border-bottom: 1px solid #eeeeee;
    background-color: #ffffff; opacity: 0.9; filter: alpha(opacity=0);
    position: fixed;
    }
    #upperbar-wrapper {
    float: left;
    margin: 0px 5px auto;
    width: 32.2%;
    text-align: justify;
    line-height: 1.6em;
    word-wrap: break-word;
    overflow: hidden;
    text-decoration:none;
    font: normal normal 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
    color: #303030;
    text-transform: uppercase;
    letter-spacing: 3px;
    }
    .upperbar {margin: 0; padding: 0;}
    .upperbar .widget {margin: 0; padding: 0px 0px 0px 0px;}

    .upperbar h2 {
    display: none;
    }

    .upperbar ul {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
    text-decoration:none;
    font: normal normal 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
    color: #303030;
    text-transform: uppercase;
    letter-spacing: 3px;
    }

    .upperbar li {
    margin: 0px 0px 2px 0px;
    padding: 0px 0px 1px 0px;
    text-decoration:none;
    font: normal normal 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
    color: #303030;
    text-transform: uppercase;
    letter-spacing: 3px;
    }

    #upperbar3{
    text-align: right;
    width: 100.6%;
    padding-top: 15px;
    border-left: 1px solid #eeeeee;
    }

    #upperbar2{
    text-align: left;
    padding-left: 20px;
    margin-top: 22px;

    }

    #upperbar3 a i {
    font-size:11px;
    margin-left:11px;
    margin-right: 0px;
    margin-top: 6px;
    color: #080808;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    }

    Is that the theme’s stylesheet or your child theme?

    Thread Starter thefitcpa

    (@thefitcpa)

    That is the theme’s stylesheet

    Looks fine : https://prntscr.com/g9oika

    Theme not responsive? ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Increase Menu bar width?’ is closed to new replies.