Public Ticket #2086043
Top header area


  • kncarver started the conversation

    How can the top header area be edited to span the entire width of the website? It currently appears to only stretch about 2/3 of the way.

    (I'd like the gray buttons to right align, just the like main nav menu.)

    Also curious where I can change settings to that this top header area will appear on tablet/mobile?

    Attached files:  Screen Shot 2019-07-18 at 1.35.52 PM.png

  •  872
    Linh replied


    The right side of topbar is using to display list social. If you don't want to add anything to that right section, you can add this custom css code to Customize > Addition Css section to change topbar width:

    .top-area .col-md-9 { width: 100%; }

    If you want to display topbar content on mobile, you can use this code:

    @media (max-width: 768px) {.top-area .col-md-9 {display: block !important;}}

    But please note: the topbar content is too big so there might not have enough place to display it all.


  • kncarver replied

    This is perfect, thank you so much!

  •  872
    Linh replied


    I hope you're happy with it.

    Please contact if you have any problem so i can help you check.

    Your satisfaction is our pleasure - Please vote and send your comments to us if you happy with our products and support.

    Thanks a lot!