Support » Themes and Templates » Oxygen Theme: Using Custom Menu — Align Secondary Menu to Right?

  • The Goal
    I want to move the secondary menu to right of the content (both in appearance and in terms of loading order).

    My goal is that the mobile version will load the secondary menu div AFTER the main content div (which solely consists of TheThe Image Slider, atm).

    Why Am I Doing this?
    Currently, when viewed on a mobile, the menu is expanded fully.

    This would look better if the menu were to the right of the content slider.

    The Site:
    I’m developing the site here:
    http://www.aianwpr.org/wptest/

Viewing 9 replies - 1 through 9 (of 9 total)
  • Update: I wish to keep the formatting and styling oxygen provides for its secondary menu.

    Any change of entering that on the right side of the content?

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Hello dpeters911,

    You can achieve this through CSS, however you need to have the either the following:

    Let us know if or when you have one of these options, so we can help you further.

    Andrew,

    I can edit CSS from my admin Panel.

    However, every option I’ve edited for the secondary menu to float:right hasn’t had nay effect, nor can I ensure it loads after the body content.

    Any ideas? 🙂

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Have you tried this selector

    .aside {
     float: right;
    }

    That got it to float right but…

    My issue is that, since it loads before the body content, the responsive layout renders it first on mobile devices.

    See here

    Is there any way to have the aside load after the body content?

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    I would move it lower down in the page, below or inside the <div id="content">. That leaves you some styling issues, however this should be easily fixed.

    I moved it below the <div id=”content”>

    However, it breaks my image slider and imposes over top of it.

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    The slider error says

    [cycle] terminating; zero elements found by selector

    I’ve tried creating new templates that move the <div id=”aside”> around (well, rather, I have two asides, one that loads the primary and another that loads the secondary).

    If any has advice on both moving the menu to the right and ensuring it loads after the image slider content, it would be greatly appreciated.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Oxygen Theme: Using Custom Menu — Align Secondary Menu to Right?’ is closed to new replies.