[Resolved] Primary Navigation Alignment left

Home Forums Support [Resolved] Primary Navigation Alignment left

Home Forums Support Primary Navigation Alignment left

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #694410
    Immi

    Hello there,
    I want to the primary menu near the logo in a line.

    I have achieved it on my another site by help this post https://generatepress.com/forums/topic/primary-navigation-logo-alignment/

    but this trick not working on this site https://androidspd.com/

    my another site https://firmwaregsm.com/sample-page

    GP Premium 1.7.2
    #694614
    Tom
    Lead Developer
    Lead Developer

    I’m not seeing the necessary CSS on the new site.

    Try this:

    .nav-float-right .inside-header .main-navigation {
        float: none;
        display: inline-block;
        vertical-align: middle;
    }
    
    .nav-float-right .header-widget {
        top: 0;
    }
    #694749
    Immi

    I put this code in simple CSS, but nothing happens I want to display on this site ** like this site header **

    #694766
    David
    Staff
    Customer Support

    Hi there,

    you have some broken CSS in your Simple CSS – ie this:

    @media (max-width: 768px) {
        h1 {
            font-family: Helvetica, arial, sans-serif;
            font-size: 20px;
            font-weight: 600;
        }
        @media (max-width: 768px) {
            .grid-container.yoast-breadcrumb {
                font-size: 11px;
                color: #222;
                font-weight: normal;
            }
            @media (max-width: 768px) {
                .yoast-breadcrumb p {
                    margin-bottom: 0;
                }
                .grid-container.yoast-breadcrumb {
                    padding: 6px 3px;
                }
                @media (max-width: 768px) {
                    .mobile-header-navigation .site-logo.mobile-header-logo im {
                        height: 58px;
                    }
                    .menu-toggle, .main-navigation .mobile-bar-items a {
                        line-height: 58px;
                    }
                }
                .nav-float-right .inside-header .main-navigation {
                    float: none;
                    display: inline-block;
                    vertical-align: middle;
                }
                .nav-float-right .header-widget {
                    top: 0;
                }

    remove that and replace it with this:

    @media (max-width: 768px) {
        h1 {
            font-family: Helvetica, arial, sans-serif;
            font-size: 20px;
            font-weight: 600;
        }
        .grid-container.yoast-breadcrumb {
            font-size: 11px;
            color: #222;
            font-weight: normal;
        }
        .yoast-breadcrumb p {
            margin-bottom: 0;
        }
        .grid-container.yoast-breadcrumb {
            padding: 6px 3px;
        }
        .mobile-header-navigation .site-logo.mobile-header-logo im {
            height: 58px;
        }
        .menu-toggle, .main-navigation .mobile-bar-items a {
            line-height: 58px;
        }
    }
    .nav-float-right .inside-header .main-navigation {
        float: none;
        display: inline-block;
        vertical-align: middle;
    }
    
    .nav-float-right .header-widget {
        top: 0;
    }
    #695008
    Immi

    hello Sir,
    It worked perfectly, thank you very much for your support. I have another question I’m using the Lightweight Social Icons plugin, and I want to display the social icon on the right corner top of a header. Same as shown in the attached picture below.

    **

    #695013
    David
    Staff
    Customer Support

    Try this:

    .header-widget {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        overflow: visible;
    }
    .header-widget .widget_lsi_widget {
        position: relative;
        margin-left: 0.5em;
        top: -0.25em;
    }
    #695034
    Immi

    Thank You So Much, Sir

    #695336
    David
    Staff
    Customer Support
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.