Nav Sub Menu Indentation

  • Resolved bob reeves

    (@bob-reeves)


    2 years, 8 months ago

    Hi Ana,

    I am having a problem with dropdown menus.
    If I have a sub menu, then surely all links should be indented, this becomes more apparent on the mobile menu for instance.

    Sub Menu
    Link 1
    Link 2

    The above is how I think it should look.

    However this is how it looks in the theme.

    Sub Menu
    Link 1
    Link 2

    I think this is confusing, is there a way to show the sub menu indented.

    Regards

    Bob

    The page I need help with: [log in to see the link]

Viewing 12 replies - 1 through 12 (of 12 total)
  • Thread Starter bob reeves

    (@bob-reeves)

    Sorry Ana,

    The indent on the first menu is not showing.

    Theme Author Anariel Design

    (@anariel-design)

    Hi Bob,

    inside the Navigation block, there is an option “Justification” where you can choose, to justify items to the left. This way, menu items will be on the left side and the submenu indented a bit on the right.
    https://drive.google.com/file/d/1xHyw4G7MtIys7H8m4UIATipvN5ZMFqIN/view?usp=sharing
    Hope this is what you mean?

    Best,
    Ana

    Theme Author Anariel Design

    (@anariel-design)

    If this is not what you mean, can you please send me a screenshot of the problem? Thank you

    Thread Starter bob reeves

    (@bob-reeves)

    Hi Ana,

    Once again thanks for your swift response.

    If you look at the image here; https://imgbox.com/EkfCeNDB

    The image on the left shows indented links after portfolio on the mobile menu. However the mobile menu on the right does not show indented links after portfolio.

    I wish to view the menu as the image on the left.

    Regards

    Bob

    Theme Author Anariel Design

    (@anariel-design)

    Hi Bob,

    can you please share the website link with me so I can check more and help with it? If you check the Bricksy theme demo on mobile, you’ll see that menu item are on the right like you want to be. Probably you have a centred menu in the setting or something similar. Did you check this setting: https://drive.google.com/file/d/1xHyw4G7MtIys7H8m4UIATipvN5ZMFqIN/view?usp=sharing

    Best,
    Ana

    Thread Starter bob reeves

    (@bob-reeves)

    Hi Ana,

    Yes on full screen I have a row below the logo which is full width. The Nav menu is centred within this row.

    However on mobile the hamburger moves to the left of the row, it should also be centred.

    If I change the justification to left or right on full screen the drop down menu on mobile shows the links as indented, this is correct.

    If I change the justification to centre, there is no indentation shown on mobile.

    I cannot show the link as I am still working locally.

    Regards

    Bob

    Thread Starter bob reeves

    (@bob-reeves)

    Hi Ana,

    I have tried to show the problem that I am having in the attached image, I hope this helps

    https://imgbox.com/vxs9bFDd

    Regards

    Bob

    Theme Author Anariel Design

    (@anariel-design)

    Hi Bob,

    sorry for the delay. Unfortunately WordPress new editor still doesn’t offer separate optuons for mobile and desktop, so if U choose to justify it center it will be centered on mobile.

    I can give u a Custom CSS for it if u want?

    Thread Starter bob reeves

    (@bob-reeves)

    Hi Ana,

    I would really appreciate some css to correct this.

    Regards

    Bob

    Theme Author Anariel Design

    (@anariel-design)

    Hi Bob,

    you can try to add this: 

    @media only screen and (max-width: 962px) {
	.wp-block-navigation.items-justified-center {
		--navigation-layout-justification-setting: flex-start;
		--navigation-layout-justify: flex-start;
	}
}

    Please let me know if this helps.

    All the best,
    Ana

    Thread Starter bob reeves

    (@bob-reeves)

    Once again thak you very much Ana,

    It worked perfectly.

    I will mark this as resolved.

    Regards

    Bob

    Theme Author Anariel Design

    (@anariel-design)

    Hi Bob,

    so happy to hear it ??.

    Please let me know if you’ll have more questions and can’t wait to see your website.

    All the best,
    Ana

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Nav Sub Menu Indentation’ is closed to new replies.