I want my navigation to be a sticky navigation, however, when you check the “sticky nav” box it makes the part of the header that has the logo and “widget area” sticky. Is there a way to make the navigation right below it the sticky part? Thanks!
Can you please be more clear? I don’t understand your request. The sticky menu affects only the logo and menu. It sticks them to the top of the page when scrolling. It does not apply to the top widgets area.
Here is a image for what the sticky navigation does show: https://pasteboard.co/8FJuFgV.jpg As you said, it is the logo, but I would consider the information next to it a widget (as you put it in Customize, Widget area in the backend).
I switched the code and it did create the sticky nav the way I wanted. However, now when I click on my navigation now it scrolls to the middle of the section, rather than the top of the section.
So, If I click on About Us, the page scrolls, but not to the Title Heading. It scrolls to the middle of the section. This wasn’t happening before. I think the top of the section is actually starting at the top of the page, however, it is now hidden behind the sticky header, hence why it appears to start in the middle of the section.
This is the default behavior of the sticky menu. But since in the beginning the height of the sticky header was smaller, you did not notice. When you click on a menu item it will call the section where it points. But the sections default position starts at top-left corner (0,0). To change this , please add these lines into your custom css box:
Thanks for the code. I put it into the Custom CSS box, but it doesn’t seem to have worked? It looks like it might have bumped the starting point a little bit lower, but part of each section is still covered by the sticky header. Other options?
Not sure if this is a related problem, but I didn’t notice it before I added that code, so possibly.
When I view this in tablet size or mobile size, I get an error message on the navigation area. If you follow this link you will see an image showing the error message I am getting: https://pasteboard.co/oiaeCJ1.jpg
You have installed the theme wrongly. You should have imported only the theme’s folder (specular), not all the downloaded folder (themeforest-9412083-specular-responsive-multipurpose-business-theme). This leads to errors. Please leave only the theme folder, and let us know if the issue persists.
You have uploaded the whole .zip file you have downloaded from themeforest. But you should unzip it. Find the ‘specular’ folder and zip it. This is the themes file you should upload. You can do this via FTP.
The server host said he did this, however, I still appear to have the same issues.
Again they are:
When I click my navigation, it scrolls so the section looks like it starts in the middle rather than the top. I added the code you provided, but it didn’t seem to work.
There is still the main folder instead of the required one. Please see screenshot. Please make the changes first. If you give us your ftp credentials in a private reply, we can do it for you.
Also there is another error related to google maps. It is underlined in red in the screenshot. Check them out and let us know.
I don’t have FTP credentials, so I asked the theme host to try again in removing the folder and just leaving the Specular and Specular-Child folders. He said he did again. Let me know if it looks like it worked this time.
Regarding the Google Map, I will look into it and let you know. Thanks for bringing that to my attention!
Sorry but looking through inspect element, doesn’t seem to have change anything yet. If you can, ask your host to give you the ftp credentials and we’ll do it for you. It is just a 5 minutes work.
Let us know.
Our web developer moved some files around and he believes things should be correct now. Could you take a look and let me know? If they do looks right, could you address my original questions again?
When I click my navigation, it scrolls so the section looks like it starts in the middle rather than the top. I added the code you provided, but it didn’t seem to work.
