Community @ The Turning Gate

Support community for TTG plugins and products.

NOTICE

The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.

This forum is now closed, and exists here as a read-only archive.

  • New user registrations are disabled.
  • Users cannot create new topics.
  • Users cannot reply to existing topics.

You are not logged in.

#1 2017-09-19 04:11:31

LucN
New Member
From: Landen, Belgium
Registered: 2016-08-14
Posts: 2
Website

Indent submenus on mobile menu

Please, can someone tell me if there is a way to indent submenus on mobile devices. Please see www.lucneyens.be, where names of galleries are aligned with the word Galleries, with arrows ( > ) appearing in the left margin. I plan on adding more galleries as I go along, and having the > arrows left-aligned with Galleries would be my preference. Thank you. Luc

Offline

#2 2017-09-19 05:38:48

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 17,830
Website

Re: Indent submenus on mobile menu

that will require custom css.

try this:

li.menu-item-has-children ul li.menu-item {
	padding-left: 24px;
}

adjust padding-left as needed.


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site

Offline

#3 2017-09-19 05:43:46

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 17,830
Website

Re: Indent submenus on mobile menu

I should add that you'll want to put that inside of a media query so it only affects the mobile menu

this should probably do it:

@media screen and (max-width: 1024px) {
	li.menu-item-has-children ul li.menu-item {
	padding-left: 24px;
	}
}

Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site

Offline

#4 2017-09-19 17:45:18

LucN
New Member
From: Landen, Belgium
Registered: 2016-08-14
Posts: 2
Website

Re: Indent submenus on mobile menu

Thank you very much, Rod!
Luc

Offline

Board footer

Powered by FluxBB