-
Author
-
September 23, 2018 at 05:15 #210170maxlevelParticipant
Dear team,
I have a secondary menu nav bar that only appears for logged in members on my website. It is right underneath the main top menu.
The problem is that the secondary menu covers up the breadcrumbs in the theme.
I would have to add a large amount of top padding for the title section in your theme settings to make the breadcrumbs appear but then it doesn’t look good for all my guest visitors as the title section gets extremely high for no reason.
The secondary menu should be inserted between the top menu and title section not overlaid.
Could you please fix that or tell me how I can change it?
Thanks!
Rudolf
September 23, 2018 at 11:36 #210177Kieran_SQModeratorHi Rudolf,
I will need login details to see the issue you’re referring to if it can only appear for logged in users.
Please update this ticket, in a private reply, with login credentials so I can check.
Thanks,
Kieran
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
September 23, 2018 at 18:12 #210210Kieran_SQModeratorHi,
I will have to assign this to a higher level of support for review. They’ll be in touch with you via this ticket as soon as they can, Monday to Friday, East European Time.
Thank you for your patience,
Kieran
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionIf you like the theme or the support you've received please consider leaving us a review on Themeforest!
Custom development requests can be sent to dev@seventhqueen.com, one of the development team will be happy to discuss your needs.
September 23, 2018 at 19:47 #210217maxlevelParticipantThanks a lot, I’ll look out for their reply.
Have a nice weekend!
Rudolf
September 24, 2018 at 17:56 #210304RaduModeratorHi,
Practically you need to have breadcrumbs sticked to the header and when the header begins stick the breadrumbs should follow the same ?
Not sure if i understand exactly when you need to achieve can you point in screenshot please ?
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionSeptember 25, 2018 at 21:45 #210462maxlevelParticipantBasically, what I need is that the secondary menu gets inserted between the main menu and the title section (kleo01.jpg). At the moment the secondary menu just gets put underneath the main menu (kleo02.jpg) but overlaps and covers up the title section and breadcrumbs or if I don’t have them active on a page it just covers up the top of my page content.
Thanks,
RudolfAttachments:
You must be logged in to view attached files.September 26, 2018 at 14:06 #210509RaduModeratorHi,
I see but i cannot find nowhere where this view appears ?
Can you please provide page url when this occurs ?TRied to find it but cannot.
In the link where you had said it can be seen it cannot
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionSeptember 26, 2018 at 18:45 #210598maxlevelParticipantYou cannot see it because the secondary menu is only visible for logged in members with a specific role, like administrators. That’s why I created a new account for you and added the credentials in a private reply earlier.
You will see the issue as soon as you log in.
Thanks,
RudolfSeptember 27, 2018 at 16:50 #210656RaduModeratorHi,
Just add this css in wp-admin -> theme options -> general settings -> quick css
COPY CODE.logged-in #main { margin-top: 30px; }
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionSeptember 29, 2018 at 18:10 #210846maxlevelParticipantThanks for the fix but the secondary menu does not appear for ALL logged in users, only for logged in users with the 2 following roles:
Administrator
MLT ClubMLT Club is a custom role created by the Membership Plugin. Can you specify the css code so that the extra margin only appears for those two roles?
Thanks,
RudolfOctober 1, 2018 at 18:15 #210974RaduModeratorHi,
I see, in this case did you know if that your membership plugin will add those roles in the body or html class ? if yes the solution will be simple add beside this snippet
.logged-in #main {
margin-top: 30px;
}Those ones
COPY CODE.MLT-Club #main { margin-top: 30px; } .administrator #main { margin-top: 30px; }
Practically you can look via browser inspector at the body classes or html classes for a specific class for those memberships and to replace on snippet above
from what i know the .logged-in will be always added there no matter the membership, if you are logged in the class will be added, not sure if your plugin removes that.
You can try to set important for the css rules
Example
COPY CODE.logged-in #main { margin-top: 30px !important; }
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionOctober 27, 2018 at 22:25 #212286maxlevelParticipantSorry, but just pushing down the main content with a margin doesn’t really solve the problem because it creates other problems on mobile view. It also doesn’t work because the second menu is in the same row as the primary menu on larger screens and in a second row on smaller screens.
The menu seems to work as long as one doesn’t choose the “Sticky Menu” option. The main content container is below the header. As soon as the “Sticky Menu” option is ticked the main content moves up a bit behind the header. That seems to work somehow as long as the menu consists of only one row. When a second row appears it just overlaps the main content instead of pushing it down.
If you’re trying to solve that problem with adding a margin you would have to add so many additional fixes that I don’t see that as a viable solution.
October 30, 2018 at 15:11 #212413RaduModeratorHi,
Ah sorry, you can add that css into a media query where it will be applied only on certain resolution up
COPY CODE@media(min-width:768px) { .logged-in #main { margin-top: 30px !important; } }
OR
COPY CODE@media(min-width:991px) { .logged-in #main { margin-top: 30px !important; } }
IT should be ok with this,
Let me know, tried to take a look on your site to see how the menu looks with that css and the credentials not works.
Cheers
RHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution -
AuthorPosts
The forum ‘Bugs & Issues’ is closed to new topics and replies.