-
@media only screen and (min-width: 1201px) {
.qt-parentcontainer .qt-menubar {
position: unset;
margin-top: -70px;
}}
.qt-menubar ul.qt-desktopmenu {
padding: 0px 70px;}@media only screen and (min-width: 1201px) {
.qt-parentcontainer {
padding-top:70px
}
}@media only screen and (max-width: 1200px) {.qt-menubar ul.qt-desktopmenu {
padding: 0px 0px;}}
So all this correct?
That’s the final code you have to add:
.qt-menubar ul.qt-desktopmenu { padding: 0px 70px;} @media only screen and (min-width: 1201px) { .qt-parentcontainer { padding-top:70px } } @media only screen and (max-width: 1200px) {.qt-menubar ul.qt-desktopmenu { padding: 0px 0px;} } @media only screen and (min-width: 1201px) { .qt-parentcontainer .qt-menubar { position: unset; margin-top: -70px; } }
okay so all looks good, however as you can see by this image, https://imgur.com/a/mcax8kH, the header is for some reason ontop of the menu, i mean it has like a black shadow over it, whihc is usually not the case without the coding? whats going on here. thanks agian
so i installed the whole theme again imported demo content, and then the header with the css, just completely hid behind the full width main home page, and disappeared …
furthermore how can i make the transparent menu to a solid main menu, like that of the diy demo, so make the menu of main demo to diy demo. by the way the issues mentioned above still havent been solved, applying the codes you have given me just makes the menu disappear and also the page content sits above the menu, as discussed above.
i just really want a menu just like the one you have on this forum page, jsut an replicate, if that makes sense of what i need.
Hello!
The CSS snippets I’ve provided you works on a fresh installation so it should be something related to your website.
As the issue seems to not be fixed, I ask you to send me a copy of your WordPress installation with All In One Migration (https://wordpress.org/plugins/all-in-one-wp-migration/)After installed and activated, just export in a file your installation and upload on some cloud service like Dropbox. After that, share here the URL of the file.
This could help me to find a solution.
Keep me posted on this.Andrea
okay ill do that, but how do i make the header on the main demo menu to b solid like the one on the diy page?
for example, the main demo home page has transparent menu, https://postimg.cc/QFhpTbQM, i dont know why, ive turned the transparent header off, and it has solid header on other pages, but the home page, but the diy home page has a solid menu, what do i have to do here?
You can find all the details on our manual: http://themes2go.xyz/manuals/vlogger/knowledge-base/2-2-header-customization/
Ye
I did that but the default home page, still has a transparent menu, other pages have a solid menu, but the home page is transparent??!Probably you have some settings in your page that overrides the global ones.
To fix it, just have a look to this manual page: http://themes2go.xyz/manuals/vlogger/knowledge-base/5-4-pages/okay so i have a few questions/problem
1) under page setting there’s an option called “transparent header” what does mean, is this targeting the main menu?, because when i change it from transparent to default, the menu goes solid.
2) with the css snippet you provided and the transparent header, turned to “transparent” the menu disappears, if the “transparent header” targets the menu, then i guess this pages sense.
3) and most importantly when the css snippet is applied and the page setting for transparent header are on default, the header works as i wanted it to, so everyhting is good, BUT! as you can see from this image, https://imgur.com/a/mcax8kH, there is a shadow on the main menu, i dont know why this is, but it definitely very unappealing ??? do you know why this is, this seems to be the last problem, as ive figured the rest out.
1) “transparent header” remove the header background. If you set it to default, and global settings on customizer aren’t changed, the background will have a solid background
2) Quite strange, I must check on your installation
3) Removing a shadow is CSS stuff so I think there is no problem to deal with it.
But before proceeding, please send me a copy of your WP installation with All In One Migration as asked in previous replies.
Thanks
https://ufile.io/os3zo here is the file as requested. so to get the header on the home page to look like that, you have to see i had to change alot of setting which was very confusing, such as transparent header in both the pages setting and global settings. and also the header has the weird shadow thanks.
furthermore when u hover over the search icon in the menu, the little hover text that appears saying “Search” gets a bit cropped out i think.
Hello ag_2018,
from the file you sent me I can’t check anything because it’s empty and when importing I can’t see your website.At this point just send me your website URL and credentials to check in your backend.
I’m going to set this ticket as private so only you and I can see this page.Last but not least, tell me if I am right: you want a solid background header in all pages, not tall like demo that doesn’t stay sticky with the scroll. Without any shadow. Is it right?
Thanks,
Andreayes that’s all right, also when you do it, can you explain to me what you did so i can replicated it again whenever.
okay so
the url login is http://www.theagwebsite.com/wpadminuser: ag2018
pass: password1Hello again!
I think I found a fix to your issue.I’ve added some extra CSS to remove the shadow and to manage the secondary header you never mentioned.
This is the final code:
.qt-menubar ul.qt-desktopmenu { padding: 0px 70px;} @media only screen and (min-width: 1201px) { .qt-parentcontainer { padding-top:70px } } @media only screen and (max-width: 1200px) {.qt-menubar ul.qt-desktopmenu { padding: 0px 0px;} } @media only screen and (min-width: 1201px) { .qt-parentcontainer .qt-menubar { position: unset; margin-top: -70px; } .qt-parentcontainer.qt-menu-secondary-enabled {padding-top:70px} } .qt-main { box-shadow: none;} .z-depth-1, nav, .side-nav { box-shadow: none; }
Then, in customizer I’ve disabled the Transparend Header.
Final step, on your homepage, I’ve set to default the “Transparent Header” setting.
Now your header should be fixed. If so, I am going to close this ticket.
Keep me posted on this please.Have a good day,
Andreathis is perfect but ive run into a few issues, your template on diy header didn’t have this but if you go to my site: theagwebsite.com, you can see the parallax header adds a margin above and below, i dont know why this is. furthermore to the right there is a gap too. is this due to the coding?? please help the account details are still the same if you need access. thanks
furthermore the header drop downs down work anymore, nor does watch later feature when u click on it, theres no more drop downs
Hello,
I’ve checked and fixed again the menu issues. Now all seems work nicely.
I’ve also fixed the gaps in the big header: it wasn’t a theme bug but a Row misconfiguration. You have to set to 0px paddings and margins of the inner column.As all the issues are fixed, I am going to close this ticket.
Waiting for your response.All the best.
hey haha i love it but XD now when you go to the mobile version, or shrink page, the mobile header disappears xD hahahahXD but i think thats the last of the issue well i hope so.
Hello!
This is what I see from mobile, tablet and desktop version:Did you check your website in incognito mode yet?
It could be something related with the admin bar when logged in mobile resolution.
You can try to disable it by going to Users > Your Profile > Toolbar.
Uncheck the setting “Show Toolbar when viewing site” and save.This kind of issues comes when going into deep customizations of the original behavior of the theme
Hope this can help you.
The topic ‘header menu’ is closed to new replies.