• Resolved fka

    (@fka)


    Running version 2.1.2 and have few problems:

    1- How do you replace the “home” text in navigation bar like menu-item-115 with an image (not fontawesome)? Then change the bar height and background color to transparent?
    Tried CSS from research and didn’t work.
    2- How do you remove the header area completely from all pages?

    Other stuff:
    3- Looking at page source output of home page, the link to logo, its attributes and retina logo are missing spaces.
    4- When you toggle page builder in home page editor, page builder doesn’t go away and you can’t edit attributes like description, tags or change icon.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hi there FKA

    1 – This is a bit of a complex edit. It is possible, but you might need to hire a dev to write the CSS for you.

    2 – You should be able to hide this with the following CSS.

    #masthead hgroup {
      display:none;
    }

    Is this what you’re after.

    3 – What do you mean by missing spaces?

    4 – I assume you mean tags and description for things like SEO? In this case, your best bet would be to create a standard page, then assign this page to your home page in Settings > Reading.

    Thread Starter fka

    (@fka)

    Thank you Greg,
    #2 above works.
    As far as #1 above, I have used the following to customize the menu bar:

    #menu-item-115,
    #menu-item-115 {
        text-indent: -9999px;
        width: 175px;
        height: 93px;
        padding-right: 140px;
    }
    
    #menu-item-115 a,
    #menu-item-115 a {
        background: url(https://example.com/wp-content/uploads/sites/2/sites/2/logo.png) top center no-repeat !important;
        height: 93px;
    }
    
    #menu-item-115 a:hover,
    #menu-item-115 a:hover {
        background: url(https://example.com/wp-content/uploads/sites/2/sites/2/logo.png) top center no-repeat !important;
    }

    For number 3: I meant no spaces between attributes.
    The source reads like (changed domain name and title):
    <hgroup class=”full-container”>
    <img src=”https://example.com/wp-content/uploads/sites/2/sites/2/logo.png”width=”175″height=”93″data-retina-image=”https://example.com/wp-content/uploads/sites/2/sites/2/logo.png&#8221; />

    #4- not really important for me because of the site structure I’ll be using.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Few issues’ is closed to new replies.