newbie-newbie

Forum Replies Created

Viewing 4 replies - 1 through 4 (of 4 total)
  • Forum: Plugins
    In reply to: [My Sticky Bar - Floating Notification Bar & Sticky Header (formerly myStickymenu)] Offset for mobile devices
    newbie-newbie

    (@newbie-newbie)

    11 years, 5 months ago

    Hello,

    Mystickymenu plugin is successfully installed. A positive thing.

    Now I need to know two(2) things:

    1) Where to place the html exactly within WP? Please see html below:
    2) Why is the code split for .myfixed css class?

    If you need more clarification on what I am doing, please refer to website:
    http://premium.wpmudev.org/blog/how-to-add-a-new-yorker-style-header-to-your-wordpress-site/

    Thank you very much.
    newbie-newbie

    Below is my html I have been recommended to use by Chris Knowles in reference to question 1:

    <header id=”masthead” class=”site-header” role=”banner”>
    <div class=”site-branding”>
    <h1 class=”site-title”>My Sticky Menu</h1>
    <h2 class=”site-description”>And I Don’t Even Live In New York. Yet.</h2>
    </div>
    <nav id=”site-navigation” class=”main-navigation” role=”navigation”>
    <h1 class=”menu-toggle”>Menu</h1>
    Skip to content
    <div class=”menu-mobile-main-container”>
    <ul id=”menu-mobile-main” class=”menu”>
    <li id=”menu-item-1351″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-1351″>Sample Page
    <li id=”menu-item-1352″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-1352″>About
    <li id=”menu-item-1353″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-1353″>Blog

    </div>
    </nav><!– #site-navigation –>
    </header>

    /*
    And below is code in reference to question 2 for “myfixed css class.”
    */

    /* make site title font smaller */
    .myfixed .site-title a {
    font-size: 1.25rem;
    }

    /* hide site description */
    .myfixed .site-description {
    display: none;
    }

    /* add shadow border */
    .wrapfixed {
    -webkit-box-shadow: 0 8px 6px -6px rgba(68,68,68,0.6);
    -moz-box-shadow: 0 8px 6px -6px rgba(68,68,68,0.6);
    box-shadow: 0 8px 6px -6px rgba(68,68,68,0.6);
    }

    /* remove excess padding */
    .myfixed .site-branding {
    padding-top: 0px;
    padding-bottom: 0px;
    }

    /* here the code splits for .myfixed css class…I have no idea??
    */

    <div id=”mysticky-wrap” style=””>
    <div id=”mysticky-nav” class=””>
    <header id=”masthead” class=”site-header” role=”banner” style=””>…</header>
    </div>
    </div>

    Forum: Plugins
    In reply to: [Responsive Menu - Create Mobile-Friendly Menu] Fixed/top-slide/push menu issues
    newbie-newbie

    (@newbie-newbie)

    11 years, 7 months ago

    Hi Peter,

    Thank you for listening to us.

    Tried your css code and I did add to my customized stylesheet.

    The challenge is that I have to place a checkmark for short code (shown in your plugin) to recognize this new .css. And by placing the checkmark for the shortcode, it cancels me from using your plugin’s friendly interface resulting in my whole responsive design to disappear.

    Since I cannot provide you with a file attachment in this forum nor a link to my website (it is local on xampp).

    Menu drops from top
    Menu drops from below sticky header
    Menu uses full 100% width of webpage
    Menu where there is blank space (after menu items) is turned to an opacity background allowing the end user to see the actual website page through the the menu.

    And if “pushwrapper” is the menu, this is what I mean. Truthfully I am absolutely clueless as to what “pushwrapper” really means.

    Many thanks.
    newbie-newbie

    ps: I am on pacific standard time which may explain why I may appear a little slow to respond. However my enthusiasm for your plugin is super high. Thanks again.

    Forum: Plugins
    In reply to: [Responsive Menu - Create Mobile-Friendly Menu] Fixed/top-slide/push menu issues
    newbie-newbie

    (@newbie-newbie)

    11 years, 7 months ago

    Hi Peter,

    A Possible-Part Solution for the menu expansion over the full length of webpage.

    Not sure if this is of any value….

    Is it possible to add opacity to the expanded menu that is BELOW the last menu item?

    This way the website visitor is still able to view the current web page with out the obstruction of the expanded menu and the concern of the menu covering the full web page is no longer such a concern?

    Thanks kindly,
    newbie-newbie

    Forum: Plugins
    In reply to: [Responsive Menu - Create Mobile-Friendly Menu] Fixed/top-slide/push menu issues
    newbie-newbie

    (@newbie-newbie)

    11 years, 7 months ago

    Hello Peter,

    First thank you for building such a stable and beautiful responsive menu. I am so very pleased. I think this is the best responsive menu for WordPress ever. Believe me I have hunted high and low for a responsive menu that is robust and easy to customize. To date your responsive menu design and code brilliance is the best.

    My reason for being at this forum is for the same as Tom’s requests namely;

    1) When menu expands, it overlays the site header. Is it possible for the menu to open below the site header and thereby not cover the site header?

    2) Like Tom, the length of the menu extends to the full length of the webpage. Is it possible for the menu expansion to only extend to the end of the menu items?

    I did create a .png to provide a visual sample but I do not think it is possible to upload and share file attachments?

    If you are able to fix these two (2) concerns, I would be very grateful.

    Many, many thanks.
    newbie-newbie

Viewing 4 replies - 1 through 4 (of 4 total)