Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1189827
    Michael P
    Participant

    I have an issue with a left-aligned header on my site appearing differently on pages vs posts. Please look at these examples to see the difference:

    http://www.andrewcohen.com

    Statement

    The position of the logo on the homepage is what I want consistent throughout the site, while maintaining a full-width layout.

    The site is behind an under construction page so you will need to log in to see what’s happening.

    #1189828
    Michael P
    Participant
    This reply has been marked as private.
    #1189829
    Thai
    Moderator

    Hi Michael,

    Your website is in construction mode.

    Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

    – Link to your site
    – WordPress Admin username / password
    – FTP credentials

    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

    Thanks.

    #1189831
    Michael P
    Participant
    This reply has been marked as private.
    #1189850
    Thai
    Moderator

    Hi There,

    Please add the following CSS under Customizer > Custom > Global CSS:

    .x-navbar-inner .x-container.max.width {
        width: 100%;
        max-width: 100%;
    }

    Hope it helps πŸ™‚

    #1189852
    Michael P
    Participant

    Thanks, but this has the opposite effect to the one required!

    I need posts to look like the homepage, i.e. with the logo and menu indented left and right. Your code removed the indentation on the homepage.

    #1189855
    Rupok
    Member

    Hi there,

    Sorry for the confusion. However it’s happening because you have added the below code :

    .single .x-container.max {
      max-width: 100% !important;
    }

    So you can add the below code as well to solve this :

    .single .x-navbar-inner .x-container.width {
      max-width: 1200px !important;
      width: 98% !important;
    }

    Hope this helps.

    #1189868
    Michael P
    Participant

    Thanks – that worked!

    One other problem related to the navbar. On every page except the homepage, the font weights of both the logo and the menu seem slightly heavier. You probably need to view on a retina display to see this.

    Looks like a bug in the theme, as there’s no custom CSS that could be causing it.

    Any ideas?

    #1189884
    Rupok
    Member

    Hi there,

    Thanks for writing back. Just checked with iMac Retina display and both home and other pages seems exactly on same weight on my end. I can’t see any difference.

    Cheers!

  • <script> jQuery(function($){ $("#no-reply-1189827 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>