1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Sticky menu

Discussion in 'HTML & Website Design' started by angrypig, Apr 17, 2016.

  1. #1
    Hello

    Im about to finish my wordpress website, it's almost established, but i stuck into one important issue. I do not know how to stick my menu and get it more useful for users. The point is I want my menu vget isible (accessible) no matter if users scrolling website or not.

    I assume it's necessary to use dome div function or something, any big deal. Im seo specialist but my programming skills are low.

    Can you please examine my website source http://www.marekskoczylas.co.uk code and give me advices how to stick my menu?
     
    angrypig, Apr 17, 2016 IP
  2. denis bayly

    denis bayly Well-Known Member

    Messages:
    104
    Likes Received:
    28
    Best Answers:
    6
    Trophy Points:
    105
    #2
    Hi there angrypig,

    try adding this to your stylesheet...
    
    
    #masthead {
        position:fixed;
     }
    
    Code (markup):

    coothead
     
    denis bayly, Apr 17, 2016 IP
  3. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #3
    There are two things every browser user knows; the scrollbar and the back button. Fixing the menu, logo or, for that matter, those stupid Facebook, et al buttons is not user-friendly; it is actually user-unfriendly. They take up space that should be showing content and often obscure the content.

    gary
     
    kk5st, Apr 17, 2016 IP
    deathshadow and qwikad.com like this.
  4. Puntocom81

    Puntocom81 Banned

    Messages:
    80
    Likes Received:
    3
    Best Answers:
    1
    Trophy Points:
    35
    #4
    Your website's code is a mess, IMHO you should not be selling seo service. By the way, I profoundly hate the fixed navbar since it steals my browser's space. I know how to scroll up so please don't take me as a stupid.

    I recommend you to abandon Turdpress and move to static site generators like wok. Do yourself a favor and read this:

    http://cutcodedown.com/article/whats_wrong_with_YOUR_website_index
    http://cutcodedown.com/article/progressive_enhancement
     
    Puntocom81, Apr 18, 2016 IP
  5. karjen

    karjen Member

    Messages:
    54
    Likes Received:
    1
    Best Answers:
    1
    Trophy Points:
    48
    #5
    Puntocom81 is correct, your code is mess up. One of the many errors I see is that you did put your <header> inside your main page "<div id="page">", it should be the first section of your <body> tag, or atleast not inside the main page of your site.
     
    karjen, Apr 18, 2016 IP
  6. sarahk

    sarahk iTamer Staff

    Messages:
    28,494
    Likes Received:
    4,457
    Best Answers:
    123
    Trophy Points:
    665
    #6
    A messed up template is a messed up template, it doesn't matter if it's written for WP or anything else. There may be good reasons for your recommendations but the inability to code a template isn't one of them.
     
    sarahk, Apr 19, 2016 IP
  7. Puntocom81

    Puntocom81 Banned

    Messages:
    80
    Likes Received:
    3
    Best Answers:
    1
    Trophy Points:
    35
    #7
    Since it's related to SEO, speed is specially important. Although it's possible to create a custom template, I'm not sure if it's possible to fully control the code produced by this software. Its wysiwyg editor really sucks.

    I have used it during years and it's not trivial to speed it up. The best solution I found is using the minimal plugins possible, removing vomits like the emoji code, optimizing database, optimizing and caching nginx in ram, using PHP built-in cache and running redis.io cache for the database outside Wordpress and a plugin that it's only a few lines.
     
    Puntocom81, Apr 19, 2016 IP
  8. Unicommerce Solutions

    Unicommerce Solutions Peon

    Messages:
    1
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    1
    #8
    You could use a plugin called ubermenu coupled with an extension called "Sticky".
     
    Unicommerce Solutions, May 22, 2016 IP
  9. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,998
    Best Answers:
    253
    Trophy Points:
    515
    #9
    My condolences on your loss.

    ... and listen to Gary. Making the menu stay in place just sucks down screen space likely better suited to doing what the user came to the site to do -- ACCESS CONTENT! It's a train wreck of piss poor accessibility and as a user of websites it pisses me off on EVERY site that does it. (yes, even this one) to the point I'll often use user.css to override it -- or disable JavaScript in case some halfwit scripttard used JS to do it.

    It's a giant middle finger to usability, and the exact opposite of accessibility.

    Kind of like the train wreck of developer ineptitude known as turdpress. Are you taking huge dumps all over the place with jQueery and bootcrap too?

    eh, two out of three ...

    Though it's funny as hell to see the gibberish non-semantic rubbish being vomited up by a page for an ALLEGED "SEO Consultant" -- only goes to prove what I say about how most SEO "experts" don't know enough about usability, accessibility, HTML, CSS, or anything else relating to websites to consult on a blasted thing.

    My advice, particularly given that's not actually a blog? Take a queue from Ellen Ripley, it's the only way to be sure. Gibberish bloated laundry list of how not to build a website -- from the non-semantic markup, to the lack of graceful degradation, to the goofy thin-glyph webfonts making the colour contrasts illegible.

    Since to be frank (when am I ever anything but?) if you don't know what's wrong with this:

    
    <p>1. <strong>Increasing the number of new clients</strong> - the appearance of your website among the top ten Google search engine results causes a significant spike in traffic generated by potential clients coming in to your site - <strong><a href="http://www.marekskoczylas.co.uk/seo-benefits/">read more on how much your business can gain.</a></strong></p>
    
    Code (markup):
    or this:

    
    <p><strong>Competitor Analysis</strong></p>
    
    Code (markup):
    or even this bit of turdpress asshattery:
    
    <body class="home page page-id-2 page-template page-template-full-width-page page-template-full-width-page-php frontend siteorigin-panels siteorigin-panels-home">
    
    <nav id="mobile-navigation" class="top-navigation" role="navigation">
    
    	<div class="menu-menu-container"><ul id="4" class="menu"><li id="menu-item-15" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-2 current_page_item menu-item-15"><a href="http://www.marekskoczylas.co.uk/">Home</a></li>
    
    Code (markup):
    You probably aren't ready to be building websites yet, much less flap your gums about SEO.
     
    Last edited: May 23, 2016
    deathshadow, May 23, 2016 IP
  10. meet_dilip

    meet_dilip Member

    Messages:
    47
    Likes Received:
    1
    Best Answers:
    1
    Trophy Points:
    48
    #10
    Simply used position: fixed; in css for masthead.
     
    meet_dilip, May 23, 2016 IP