Livemesh Support

Support forum for WordPress Themes and Plugins by LiveMesh

Skip to content
  • Support Forums
  • Knowledge Base – FAQ
  • Register for Support
  • Login
  • Password Reset

Logo alignment – header

Support Forums for LiveMesh Themes & Plugins › Forums › Wired Theme Support › Logo alignment – header

Tagged: alignment, header, logo

  • This topic has 4 replies, 2 voices, and was last updated 5 years, 5 months ago by shayne hughesshayne hughes.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 9, 2018 at 8:42 pm #29839
    shayne hughesshayne hughes
    Participant

    Header alignment
    Currently my site logo seems to be positioned to the baseline of the header…on my portfolio page however the site logo sits below the container until you begin scrolling then it seems to move up slightly to sit on the base of the container – See attached image for current header alignment.

    I’m just wondering if there is a way to center align all header content to the container across all pages (menu icon, social icon and logo – note: I have removed the social icon from mobile view)?

    Services alignment – Homepage
    Also on my home page my services seem to be staggered – is there a way to align these? – see attached image for current services alignment

    Site link is: http://www.shaynecreative.co.nz

    Attachments:

    You must be logged in to access attached files.

    April 10, 2018 at 6:41 am #29849
    VeenaVeena
    Moderator

    Pls try the below custom CSS in themeoptions –

    .page-id-5246 #site-logo {
       top: 0;
    }
    #site-logo a {
        display: inline-block;
    }
    #site-logo {
        display: block;
        text-align: center;
        margin: 0 auto;
        float: none;
    }
    .side-nav-toggle {
        top: -40px;
        text-align: center;
        position: relative;
        margin: 0 auto !important;
    }
    #sidebar-header .social-list {
        top: 0;
        text-align: center;
        margin: 30px auto 0;
        text-align: center;
        position: relative;
    }
    #header.sticky #site-logo {
        display: block !important;
        margin: 0 auto;
        text-align: center;
        float: none;
    }
    #header.sticky #sidebar-header .social-list {
        top: 0px;
    }
    #header.sticky .side-nav-toggle {
        top: -40px;
    }
    ul.social-list a {
        margin-right: 0;
    }
    
    April 10, 2018 at 8:11 pm #29861
    shayne hughesshayne hughes
    Participant

    Hi Veena,

    Thanks for your reply but this just centered everything to the middle of the page and made the header container really big…

    I don’t want the container size to change at all, i just want everything within that container to be vertically centered (not all aligned to the middle of the page)

    Hopefully that clarifies that 🙂

    Thanks again,
    Shayne

    April 11, 2018 at 7:12 am #29863
    VeenaVeena
    Moderator

    Pls use the below custom CSS –

    #site-logo {
        top: 0;
    }
    #header.sticky #site-logo {
        top: 0;
    }
    .side-nav-toggle {
        top: 35px;
    }
    #header.sticky #sidebar-header .social-list {
        top: 45px;
    }
    #header.sticky #sidebar-header .social-list {
        top: 35px;
    }
    #header.sticky .side-nav-toggle {
        top: 25px;
    }
    
    April 11, 2018 at 8:15 pm #29872
    shayne hughesshayne hughes
    Participant

    Perfect thankyou!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Logo alignment – header’ is closed to new replies.

Our Themes

Tags

  • agile
  • appdev
  • austin
  • blog
  • contact form
  • css
  • demo
  • error
  • extinct
  • font
  • fonts
  • footer
  • gallery
  • header
  • home page
  • icons
  • images
  • install
  • installation
  • invent
  • lightbox
  • logo
  • menu
  • mobile
  • navigation
  • page sections
  • peak
  • portfolio
  • primary menu
  • responsive
  • revolution slider
  • setup
  • shortcode
  • shortcodes
  • sidebar
  • slider
  • social icons
  • tabs
  • testimonials
  • theme
  • update
  • video
  • visual composer
  • widget
  • woocommerce
Proudly powered by WordPress