Jump to content

customizing navigation bar

Recommended Posts

Site URL: https://www.ggcatalog.com/

Hi, I was wondering if anyone knew how I can make the phone number be on the very right of the navigation bar and making only the phone number be in bold? As of now, I was able to put it there by making it a link. 

image.thumb.png.ddcc1002f9ffc489c006dba140fb6b00.png

Here is a code someone helped me with for creating the navigation bar:

.Header-inner.Header-inner--bottom {
   background: #75B9DC;
}
/* header search border */
header.Header .search-block input {
    border-color: #ff7900!important;
     border-width: 2px!important;
      border-radius: 25px!important;
}
/* Hide header search on mobile */
@media screen and (max-width:900px) {
.Mobile-bar .search-block {
    display: none;
}
}
 .sqs-search-page-input {
      border-radius: 50px;
}
 .sqs-search-container-item em {font-style:italics!important; font-weight:bold; background:#FFF}


div#categoryNav:before {
    content: "Tuan Phan";
    display: block;
    text-align: center;
    font-family: monospace;
    color: white;
    margin-bottom: 20px;
}

Thanks!

Link to comment
  • Replies 3
  • Views 232
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Try adding this code under

@media screen and (max-width:900px) and (min-width:641px) and (orientation:landscape) {
.Header-nav-item {
    margin-left: 10px !important;
    margin-right: 10px !important;
}
.Header-inner.Header-inner--bottom {
    padding-left: 0 !important;
    flex-direction: column;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.