Force Main Navigation to start on a new line

Home Forums Reykjavik Force Main Navigation to start on a new line

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #21807

    wuesl
    Participant

    Force Main Navigation to start on a new line

    Resolved

    Hey there! Have you noticed this support service is provided FREE of charge?
    If you like the speed and accuracy of resolutions, please consider supporting me with a small donation. Thank you

    Consider a donation →

    Hi Oliver,

    First …
    As you recommended I installed the polylang multilanguage plug-in. It works fine for our needs to implement ‘plain language’.
    Thank you for that hint.

    When we will start to add ‘plain language’ we will have only a few main navigation entries.

    So it will be necessary that the main navigation menu container should in any case locate under the logo and site branding.

    I tried so many things but I didn’t succeed. Of course with the clear attribute in any variation. But it didn’t work.

    It should be not such a great thing to implement this.

    Maybe you can give me an advice how to do it.

    Thank you in advance
    Ulrich

    #21808

    Oliver Juhas
    Keymaster

    Hi Ulrich,

    There are multiple approaches on how to move the main navigation to below the logo area. Looking at your website noticing you don’t use secondary navigation, the easiest way is to use this custom CSS:

    .main-navigation {
    	width: 100%;
    }

    Best regards,

    Oliver Juhas
    WebMan Design

    #21811

    wuesl
    Participant

    Hi Oliver,

    we do not hat secondary navigation menu but we consider to add social menu.

    Can you give me an appropriate soution for this case?

    Thanx & pleasant weekend
    Ulrich

    #21812

    Oliver Juhas
    Keymaster

    Hi Ulrich,

    Please use your web browser code inspector to determine the CSS for your theme modifications.

    I’d say the best approach for this would be using similar custom CSS:

    .site-branding {
    	width: 100%;
    }
    
    /* Optionally moving social links right: */
    .site-header-content .social-links {
    	margin-left: auto;
    }

    Best regards,

    Oliver Juhas
    WebMan Design

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.