Home › Forums › Legacy Support › Support queries › How-to & Troubleshooting › Header menu different on pages
- This topic has 8 replies, 3 voices, and was last updated 5 years, 5 months ago by Diana.
Viewing 9 posts - 1 through 9 (of 9 total)
-
AuthorPosts
-
November 11, 2018 at 10:33 pm #183944shasinduParticipantHi there, The header menu is different on the pages I have made, vs the pre built pages into the theme (My Account, Create A Course). On the pre built pages, the menu sits slightly below the logo and for the pages I have made, it sits next to the logo. https://shdigitaltest.com.au How to I make it consistent? Regards, ShasinduNovember 12, 2018 at 11:35 am #184037DianaParticipant@shasindu Uncheck the checkbox of main menu in wp-admin > Appearance > Menus and save changes Then again check the checkbox to show the menu as the main menu and then save. Check and Let me know. If this fix the issueNovember 17, 2018 at 11:19 pm #184935shasinduParticipantThanks, that has worked for most of the pages. Now it is just the Contact Us page which is inconsistent. https://shdigitaltest.com.au/November 19, 2018 at 6:28 am #184988AvaMemberHi Please add the custom css code to WP Admin – Appearance – customize - custom css - publish .page-id-143 header.sleek.transparent { background: #0a0001; }November 19, 2018 at 10:50 am #185036shasinduParticipantThanks that has helped on the Contact Us page. The My Account and All Courses pages extend the header out creating more black space. Is there any way to keep it at the same level as the other pages? Also, is it possible to remove the grey line showing above the menu option?November 20, 2018 at 6:51 am #185163AvaMemberHi Shasindu Issue 1 : to remove the grey line showing above the menu option Please paste this custom CSS code to WP Admin – Appearance – customize - custom css - publish .elegant header nav>.menu>li>a { border-top: none; } Issue 2 : My Account and All Courses pages extend the header out We have two options here, I. We can decrease some blank space from the header II. But for making both the page same level as the other page, we need to remove the extra content present in the header of the page as there is no extra content present in other pages other than logo and menu. Paste the custom css code to WP Admin – Appearance – customize - custom css - publish I. For decreasing the header blank space .page-id-0 #title { padding-top: 40px !important; } .page-id-58 #title { padding-top: 60px !important; } II. For making the page same level thus remove the content .page-id-58 #title .pagetitle { display: none; } .page-id-58 #title { padding-top: 47px !important; } .page-id-0 #title .pagetitle { display: none; } .page-id-0 #title { padding-top: 47px !important; }November 21, 2018 at 10:50 am #185339shasinduParticipantFirst issue has been resolved, thanks! For the second issue, I have added in the custom CSS code but the My Account and All Courses header is still bigger than the other pages. I removed the "page title" from the My Account page to see if it would help but the header is still bigger. Any suggestions?November 21, 2018 at 11:34 am #185346shasinduParticipantApologies for another message but I have created another page titled Blog and News, which also has an extended header? I assumed it was only the pre built pages. But I assume I must be able to get rid of it as the above CSS code worked on the Contact Us page? https://shdigitaltest.com.auNovember 22, 2018 at 7:14 am #185447DianaParticipant@shasindu Yes, the header is different as compared to the home page. The header width is more than the home page. The custom CSS code given by @Ava is page specific. The effect will be visible on those selected pages
-
AuthorPosts
Viewing 9 posts - 1 through 9 (of 9 total)
- The topic ‘Header menu different on pages’ is closed to new replies.