Hi,
My site is not live yet but I am working on the Pacific template and it was all working fine until today. However now my code to customise my nav is no longer working.
What I had done is as follows.
I moved the logo to the left. Used an index and the items in the index were the items on my nav. I then used code to hide the index content that I didnt want to show on the nav bar.
Code is:
.mobile-nav-toggle-label {
display: none;
}
nav#mainNavigation>div:nth-child( ),
nav#mainNavigation>div:nth-child(2),
nav#mainNavigation>div:nth-child(2) {
display: none !important;
}
/* Make logo -go-left- */
#header #logoWrapper,
#header #siteTitleWrapper {
position: relative;
left: 15%;
-webkit-transform: translate(-50%,0);
-moz-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
-o-transform: translate(-50%,0);
transform: translate(-50%,0);
text-align: right !important;
}
What is happening now is that the items within the index are no longer showing, only the index itself and any other pages I add outside of the index.
I tried to get around this by adding links to the pages within the index. This worked and the links showed up in the nav panel. The only issue is that there was a gap in the center where the logo was originally located.
Thank you all in advance for any help.
Tiarni
