Cassiopeia dropdown menu centreren op small screen

Moderator: pe7er

Forum rules
Forum Regels
Locked
bmassaer
Joomla! Apprentice
Joomla! Apprentice
Posts: 27
Joined: Sun Jul 26, 2015 7:34 pm

Cassiopeia dropdown menu centreren op small screen

Post by bmassaer » Tue Jan 03, 2023 8:37 pm

Hallo,
Ik ben relatief nieuw in het programmeren van een website en heb een vraagje over de menu.
Op mijn website http://www.thegoosething.com is het menu gecenteerd. Op de smartphone krijg ik een "hamburger dropdown menu" gecentreerd, maar wanneer ik dit uitvouw, dan komt het menu links van het scherm. Ik had dit graag ook bij uitvouwen gecentreerd behouden.

Ik veronderstel dat ik hiervoor css-code moet toevoegen aan de user.css? Welke code?

Heel erg bedankt voor de hulp!

Bart

User avatar
Pavel-ww
Joomla! Ace
Joomla! Ace
Posts: 1656
Joined: Tue Jun 30, 2020 12:17 pm

Re: Cassiopeia dropdown menu centreren op small screen

Post by Pavel-ww » Wed Jan 04, 2023 9:32 am

Hi. Here is

Code: Select all

@media (max-width: 767px) {
    .mod-menu_dropdown-metismenu li a {
        width: 100%;
        text-align: center;
    }
}
1.jpg
You do not have the required permissions to view the files attached to this post.

bmassaer
Joomla! Apprentice
Joomla! Apprentice
Posts: 27
Joined: Sun Jul 26, 2015 7:34 pm

Re: Cassiopeia dropdown menu centreren op small screen

Post by bmassaer » Wed Jan 04, 2023 9:46 am

Fantastisch, dat werkt prima! Alleen, nu springt het hamburger-logo een klein beetje naar links bij het openen. Kan ik ook dat ongedaan krijgen? Zodat het hamburger-logo centraal gefixeerd blijft?

Dankjewel!!
Bart
Last edited by bmassaer on Wed Jan 04, 2023 10:25 am, edited 1 time in total.

User avatar
Pavel-ww
Joomla! Ace
Joomla! Ace
Posts: 1656
Joined: Tue Jun 30, 2020 12:17 pm

Re: Cassiopeia dropdown menu centreren op small screen

Post by Pavel-ww » Wed Jan 04, 2023 9:54 am

Here is

Code: Select all

.container-header .navbar-toggler {
	margin: 0 auto;
}

bmassaer
Joomla! Apprentice
Joomla! Apprentice
Posts: 27
Joined: Sun Jul 26, 2015 7:34 pm

Re: Cassiopeia dropdown menu centreren op small screen

Post by bmassaer » Wed Jan 04, 2023 10:28 am

Super!! Dankjewel!!

User avatar
Pavel-ww
Joomla! Ace
Joomla! Ace
Posts: 1656
Joined: Tue Jun 30, 2020 12:17 pm

Re: Cassiopeia dropdown menu centreren op small screen

Post by Pavel-ww » Wed Jan 04, 2023 3:46 pm

You are wellcome


Locked

Return to “Algemene vragen”