This topic has 13 replies, 3 voices, and was last updated 6 years by Radu.

  • Author
  • #210170
     maxlevel
    Participant

    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

    #210177
     Kieran_SQ
    Moderator

    Hi 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 solution

    If 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.

    #210206
     maxlevel
    Participant
    This reply has been set as private.
    #210210
     Kieran_SQ
    Moderator

    Hi,

    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 solution

    If 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.

    #210217
     maxlevel
    Participant

    Thanks a lot, I’ll look out for their reply.

    Have a nice weekend!

    Rudolf

    #210304
     Radu
    Moderator

    Hi,

    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
    R

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #210462
     maxlevel
    Participant

    Basically, 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,
    Rudolf

    Attachments:
    You must be logged in to view attached files.
    #210509
     Radu
    Moderator

    Hi,

    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
    R

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #210598
     maxlevel
    Participant

    You 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,
    Rudolf

    #210656
     Radu
    Moderator

    Hi,

    Just add this css in wp-admin -> theme options -> general settings -> quick css

    COPY CODE
    
    .logged-in #main {
        margin-top: 30px;
    }
    

    Cheers
    R

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #210846
     maxlevel
    Participant

    Thanks 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 Club

    MLT 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,
    Rudolf

    #210974
     Radu
    Moderator

    Hi,

    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
    R

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #212286
     maxlevel
    Participant

    Sorry, 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.

    #212413
     Radu
    Moderator

    Hi,

    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
    R

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
Viewing 14 posts - 1 through 14 (of 14 total)

The forum ‘Bugs & Issues’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?