Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Split navigation doesn't work on safari


Question

I've added a split navigation for a client and it looks and works great on Google Chrome, however as soon as open de website on Safari the navigation items all seem to be pushed together.

However, as soon as I hover over the services tab it fixes itself. Anyone have any experience with this or might know what is going on? 

I've added screenshots. Bottom screenshot shows what it looks like when I open the site, the top one is what it is supposed to look like.

 

Thanks!

 

 

1119971670_ScreenShot2021-06-24at10_20_28.thumb.png.ebf5d08905153b726e099e5f5c974393.png

 

786653388_ScreenShot2021-06-24at10_17_13.thumb.png.392c6cdf1e964190e004763a8e19fb80.png

Link to comment
  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

5 answers to this question

Recommended Posts

  • 0

Hi. What is site url? How did you add split navigation?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0

This is the code I'm using for the split nav

.header-nav {
    position: absolute;
    top: 80px;
    bottom: 0;
    margin-top: 0!important;
  margin-left: -10px!important;}
.header-nav-item:nth-of-type(2) {
    margin-right: 380px!important;}

.header-title-logo a {
    z-index: 1000;
    position: relative;}

url:

https://blenny-rhubarb-5lh3.squarespace.com/

password: honnef2021

 

Link to comment
  • 0
On 6/29/2021 at 10:29 PM, HonnefCreative said:

This is the code I'm using for the split nav

.header-nav {
    position: absolute;
    top: 80px;
    bottom: 0;
    margin-top: 0!important;
  margin-left: -10px!important;}
.header-nav-item:nth-of-type(2) {
    margin-right: 380px!important;}

.header-title-logo a {
    z-index: 1000;
    position: relative;}

url:

https://blenny-rhubarb-5lh3.squarespace.com/

password: honnef2021

 

Hi. It looks like you changed header layout. Do you still need help?

If yes, which plan do you use? If you use a Business Plan or higher, we can use better code to make split navigation

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

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...