WordPress.org

Forums

Oxygen Theme: Using Custom Menu -- Align Secondary Menu to Right? (10 posts)

  1. dpeters911
    Member
    Posted 2 years ago #

    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/

  2. dpeters911
    Member
    Posted 2 years ago #

    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?

  3. Andrew
    Forum moderator
    Posted 2 years ago #

    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.

  4. dpeters911
    Member
    Posted 2 years ago #

    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? :)

  5. Andrew
    Forum moderator
    Posted 2 years ago #

    Have you tried this selector

    .aside {
     float: right;
    }
  6. dpeters911
    Member
    Posted 2 years ago #

    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?

  7. Andrew
    Forum moderator
    Posted 2 years ago #

    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.

  8. dpeters911
    Member
    Posted 2 years ago #

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

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

  9. Andrew
    Forum moderator
    Posted 2 years ago #

    The slider error says

    [cycle] terminating; zero elements found by selector

  10. dpeters911
    Member
    Posted 2 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic