Top navigation menu breaks at a certin size in Google Chrome

You are here

Home » Forums » Site Templates » Hosoren
sanjeewa
Offline
Last seen: 4 years 5 months ago
Sat, 09/24/2016 - 11:08
#1
Top navigation menu breaks at a certin size in Google Chrome

Hi,

While doing some testing on different browsers I've noticed the top navigation is breaking in Google Chrome.

You should be able to see this behaviour locally as well as on my test page.

http://westpixel.com.au/home - this page breaks at around width 1213px.

Please let me know how to fix this.

I have another question relating to the shopping cart class "cart-number", is there any possibility to make the orange heptagon (no of items) into a circle?

2

Thanks
Sanjeewa

hattt13
Offline
Last seen: 3 years 1 month ago
Mon, 09/26/2016 - 14:27

Hi Sanjeewa, we're really sorry about the top navigation, you can remove the code css in file styles.css 

.body-headroom .main-wrapper {
padding-top: 80px;
}



And if "cart-number" no of item, you can add this code css in the file styles.css



.cart-number.no-item {


color: #fff;


font-size: 10px;


font-weight: 700;


text-align: center;


width: 20px;


height: 20px;


line-height: 20px;


display: inline-block;


position: absolute;


top: 18px;


right: 3px;


background: orange;


border-radius: 50%;


}

hattt13
Offline
Last seen: 3 years 1 month ago
Wed, 09/28/2016 - 15:55

Hi Sanjeewa, Please give me your ftp account to check it. Thank you

hattt13
Offline
Last seen: 3 years 1 month ago
Thu, 09/29/2016 - 10:36

Hi Sanjeewa, you can add this code in file style.css. Thanks

.awe-logo {
line-height: 79px;
}


@media (min-width: 1200px) {
  .awemenu-container {
      border-bottom: 1px solid #e1e1e1;
  }
}


.navbar-icons > li > a, 
.navbar-search > li > a {
height: 79px;
  line-height: 79px;
}

Log in or register to post comments

Welcome back, Buddy!

Forgot password