[the brink]

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

[sapana]

@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

[sapana]

@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

[the brink]

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.

[the brink]

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

[sapana]

@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

[the brink]

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

[sapana]

@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

[the brink]

Ok, No worries. Thanks

[Author]

Posts