Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #181114
    the brink
    Participant

    Hello,

    I have just added two sub categories to my Àbout`page and it appears that there is a bug because the subcategory titles are being cut off at the edge of the screen.

    Is there something I can do to remedy this?

    My site is http://www.thebrinkonline.org

    Thankyou Rosie

    #181133
    sapana
    Participant

    @the-brink: Actually you have place the site branding of bigger size so that menu is following downward but you can put this css code. Please follow this steps:
    Go to=> Appearance=> Customize=> Additional CSS=> add the following css code

    .navigation-classic .main-navigation ul ul li {
        margin-left: 50px;
    }

    let me know if this helps you out!

    Kind Regards,
    Sapana

    #181136
    sapana
    Participant

    @the-brink: Hello brink, Can you add this code instead of the previous one , I think this code will helps to make it look more better
    Go to=> Appearance=> Customize=> Additional CSS=> add the following css code

    .menu-inside-wrapper .main-navigation {
        padding-left: 60px;
    }

    let me know if this works out!

    Kind Regards,
    Sapana

    #181178
    the brink
    Participant

    Great. That worked fine.

    Only thing is that now pushes the social menu and the search button down to the second line even on my large sreen view.

    Is there a way of forcing the main menu down to the second line along with the social menu and search button when they move?

    Thanks

    I have another issue with the menu but as I have been asked before by your colleagues to create a new thread for seperate problems, that’s what I’ll do.

    #181182
    the brink
    Participant

    Hi,

    I’ve just spotted a problem with the code you’ve given me:

    It’s done something funny to the menu in phone view. When I click on the menu in phone view now the search button + social menu are wider than the main menu above them.

    Is there something else we can do? maybe a bit of code to make dropdowns align with the left hand side of their parent element? or maybe just for the about dropdown?

    cheers

    #181207
    sapana
    Participant

    @the-brink: Yes we can make this code only applicable in desktop view so that it will not effect in mobile version. Can you please add this code and remove the previous one
    Go to=> Appearance=> Customize=> Additional CSS=> add the following css code

    @media screen and (min-width: 1024px) {
     
     #site-navigation {
        padding-left: 50px !important;
       }  
    }

    Let me know if this works out!
    Kind Regards,
    Sapana

    #181209
    the brink
    Participant

    Great that has worked! Thanks.

    What about my other question? Is there a way of forcing the main menu down to the second line along with the social menu and search button when they move?

    Thanks a million

    TB

    #181233
    sapana
    Participant

    @the-brink: It is a bit difficult to change the position of main menu down to the second line, there may occur the design issue so I preferred you to hire a professional to get it done.

    Kind Regards,
    Sapana

    #181276
    the brink
    Participant

    Ok, No worries. Thanks

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.