Could you allow us to log in to your website backend dashboard so we can check on this for you more?. We are gonna need the username and password of admin user as well as the login url.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
#header-outer:not(.transparent) li.menu-item-196 > a > .menu-title-text {
position: relative;
}
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
I am also noticing that the right hand side of the header is moving in a long way while the logo position looks fine on the transparent pages but isn't moving at all on the normal pages... I DO NOT WANT THE RIGHT-HAND SIDE SO FAR IN.. IT SHOULD SIT WITH THE SAME MRGIN TO THE RIGHT TO THE LEFT OF THE LOGO
Home page now looks like this (transparent header)
- The margin left and right is HUGE.. should only be 80px The logo is now overlapping the navigation.
Pages without transparent header look like this
- Margin also really wide ( its the same width almost as the page content but its supposed to be a full width header with 80ps margin left and right)
- There also seem to be some random menu items on the right hand side that are stopping the navigation right hand side reaching to where its supposed to go.
I need to present this to my client tomorrow so I can't have this..
its supposed to be the same on all pages and be FULLWIDTH with 80px left and right ONLY
For now I have turned off the fix it up CSS and have changed a couple of pages to transparent. But I have not fixed this for all pages s it feels like a BUG to me
When the "Body Border" + "Full width header" theme options are both enabled, and the color of the body border is set to the same color as the header, the body border will be used for the left/right margin (on pages where the header navigation is not transparent). It looks like you currently have the body border set to 2px, which is why the header appears to be going almost to the edges of the window.
You can correct this by changing the color of the body border to be slightly different than the header nav, for example very slightly off-white #f8f8f8 instead of #ffffff, or by simply disabling the body border option - since it's very minimally noticeable in the current configuration.
Adding icons to menu and making menu items in drop down menu look like buttons
Hey Again,
Have you had a look at the New menu options: http://themenectar.com/docs/salient/salient-menu-options/ ? .
Thanks
ThemeNectar Support Team
ALSO I AM TRYI8NG TO HAVE A FULL TRANSPARENT HEADER ON HOME PAGE BUT THE SECONDARY NAV ISN'T SHOWING AS TRANSPARENT.. and I can't work out why
Hey Again,
Could you allow us to log in to your website backend dashboard so we can check on this for you more?. We are gonna need the username and password of admin user as well as the login url.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
#header-outer:not(.transparent) li.menu-item-196 > a > .menu-title-text { position: relative; }Thanks
ThemeNectar Support Team
I ADDED THat CSS but notjhing changed
Hey Again,
Seems to be working.
Thanks
ThemeNectar Support Team
Looks like it is working on pages without the transparent header.. but for instance it isn't working on the HOME page
ie
Hey Again,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
#header-outer li.menu-item-196 > a > .menu-title-text { position: relative !important; }Thanks
ThemeNectar Support Team
Thanks Tahir, that worked...
I have just tried adding this button to the main navigation as well but I am having all the same issues and the button alos looks displaced.
ie
a) the type isn't showing
b) it looks too close to the other menu items
c) when I hover there is a white shape that's offset under the green button shape.
HELP!!!
New Header Navigation issue - Margin on full width header only showing on SOME pages
I have changed my header to a full width header and have set it to have 150pox on each side
Its working on pages with transparent headers like Home, Services,
https://recon.staging.kayosdesign.com/
https://recon.staging.kayosdesign.com/resources/
But not on others without headers graphics that are white like vendors
THESE ONES ARE NOT SHOWING THE MARGIN LEFT AND RIGHT ON THE FULL WIDTH HEADER
https://recon.staging.kayosdesign.com/vendors/
https://recon.staging.kayosdesign.com/about/
https://recon.staging.kayosdesign.com/contact/
PS I think I fixed the header nav igation BUTTON ISSUE.. it had to do with the button shadow and cale and hover in the salient settings.
I THINK THIS IS A BUG
Hello Jen,
Glad you were able to solve the issue.
We will have our developer investigate it and fix the bug.
Cheers!
I still HAVE NOT solved the the issue
HELP!!!
New Header Navigation issue - Margin on full width header only showing on SOME pages
I have changed my header to a full width header and have set it to have 150pox on each side
Its working on pages with transparent headers like Home, Services,
https://recon.staging.kayosdesign.com/
https://recon.staging.kayosdesign.com/resources/
But not on others without headers graphics that are white like vendors
THESE ONES ARE NOT SHOWING THE MARGIN LEFT AND RIGHT ON THE FULL WIDTH HEADER https://recon.staging.kayosdesign.com/vendors/
https://recon.staging.kayosdesign.com/about/
https://recon.staging.kayosdesign.com/contact/
urgent to fix
Attached files: Screen Shot 2022-01-05 at 9.27.23 pm.png
Screen Shot 2022-01-05 at 9.26.54 pm.png
Screen Shot 2022-01-05 at 9.27.10 pm.png
Screen Shot 2022-01-05 at 9.33.29 pm.png
Hi Jen,
Please check it out now.
Thanks.
please compare the header postition on a page with a transparent header and a page without
The left and right parkins and the position of ht logo is very different and should be the same for all pages
ie
Without
https://recon.staging.kayosdesign.com/about/
https://recon.staging.kayosdesign.com/contact/
With
https://recon.staging.kayosdesign.com/
I am also noticing that the right hand side of the header is moving in a long way while the logo position looks fine on the transparent pages but isn't moving at all on the normal pages... I DO NOT WANT THE RIGHT-HAND SIDE SO FAR IN.. IT SHOULD SIT WITH THE SAME MRGIN TO THE RIGHT TO THE LEFT OF THE LOGO
The headers on the transparent header pages are all too far in now
Heading to bed. I imagine you are working on this weird bug
Please check it out.
Really worried??? what have you done.
Home page now looks like this (transparent header)
- The margin left and right is HUGE.. should only be 80px The logo is now overlapping the navigation.
Pages without transparent header look like this
- Margin also really wide ( its the same width almost as the page content but its supposed to be a full width header with 80ps margin left and right)
- There also seem to be some random menu items on the right hand side that are stopping the navigation right hand side reaching to where its supposed to go.
I need to present this to my client tomorrow so I can't have this..
its supposed to be the same on all pages and be FULLWIDTH with 80px left and right ONLY
Why is this behaving like this?
Also the drop down menu items are now no longer under their items..
What ever you have done we need to put it all back
I have turned off the weird additional CSS you have added.
To confirm:
The issue is that a) it looks fine on a transparent header page.
BUT on pages without the transparent header its sitting too wide ie The theme has a bug. It is not following he salient settings
FULL WIDTH HEADER
MARGIN LEFT AND RIGHT 80px
Currently the only work around i have is to force the headers to be transparent
BUT THIS IS A PROBLEM in the theme that needs fixing ASAP
Current work aroun in place n this page
Header is set to 300px high with a white background with forced transparency.
https://recon.staging.kayosdesign.com/vendors/
This is a BUG
Hello Jen,
Please allow me to escalate this to the developer so that he can check and assist further.
Thanks.
Thankyou.
For now I have turned off the fix it up CSS and have changed a couple of pages to transparent. But I have not fixed this for all pages s it feels like a BUG to me
Hey Jen,
When the "Body Border" + "Full width header" theme options are both enabled, and the color of the body border is set to the same color as the header, the body border will be used for the left/right margin (on pages where the header navigation is not transparent). It looks like you currently have the body border set to 2px, which is why the header appears to be going almost to the edges of the window.
You can correct this by changing the color of the body border to be slightly different than the header nav, for example very slightly off-white #f8f8f8 instead of #ffffff, or by simply disabling the body border option - since it's very minimally noticeable in the current configuration.
Kind regards,
Thankyou.
I have turned off the body border.
Glad you worked this out. Its not something I would have ever imagined.
think this might be a bit of a bug.