Header Issues

  • Author
    Posts
  • #163271

    Hi there,

    We’ve been hoping to customise our header as we love the theme but we can’t get the header to work for us as we have a few too many icons on there. If you can see the picture in the link below we have created a prototype of the ideal header we would have for our site so that we can continue to use your wonderful theme! Any questions please feel free to let us know!

    https://drive.google.com/file/d/1uZr_sfCCJW5XbK83-_LLFQrAIpNIID8X/view?usp=sharing

    The blog I need help with is: (visible only to logged in users)

    #163281
    tarasdashkevych
    Theme Author

    Hello,
    Thank you for using the Aquene theme!

    It is possible to center the logo and the main menu using a custom CSS, but unfortunately, it’s not possible to display several menu links on the side, next to the site logo, as it’s show in your prototype.

    Customization of the site header might become easier in the future version of WordPress when a WordPress core will have a stable functionality to provide an ability to select template parts.

    Here is a custom CSS to center menu and logo on your site:

    
    @media (min-width: 992px) {
        .site-header .site-branding {
            padding-right: 0;
            border-right: none;
            margin-left: auto;
            margin-right: auto;
        }
    
        .site-header .header-left-col .main-navigation {
            margin-top: 1.5rem;
            padding-top: 1.5rem;
            border-top: 2px solid #80150e;
        }
    
        .site-header .header-left-col .main-navigation > ul {
            justify-content: center;
        }
    
        .header-right-col {
            position: absolute;
            right: 2rem;
            top: 3rem;
        }
    
        .site-header .header-left-col,
        .site-header .header-left-col .main-navigation {
            width: 100%;
        }
    }
    

    Note, in order to move the search button to the side, we have to use absolute position. It’s not a very ideal idea because it may cause style issues but this is the only solution in this case.

    Hope this helps. Please let me know if you have any additional questions.

    Kind regards,
    Taras

  • The topic ‘Header Issues’ is closed to new replies.