Black Friday Sale! Get up to $40 off GP Premium!Learn more

[Support request] Single page custom header – Logo on mobile

Home Forums Support Single page custom header – Logo on mobile

  • This topic has 4 replies, 2 voices, and was last updated 3 years ago by Leo.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #418024
    Jonathan

    Hi !
    Please have a look at the temp URL provided.

    Created a custom page header for a homepage. Assigned the custom page header to the page & put a new logo in there so it overwrite the site-wide logo defined in the customizer. (To basically achieve a transparent header homepage)

    However, if you look at the page on mobile, the custom logo for the homepage gets overwritten by the mobile logo. Is there a way we can keep the custom logo for the homepage also on the mobile view ? (which would basically be the same white logo as the full desktop version).

    Also, how can this CSS be applied only to the homepage ?
    .main-navigation .main-nav ul li a, .menu-toggle {
    color: #ffffff;

    THanks !

    #418027
    Jonathan

    Sorry here’s the new URL :
    http://40f30504.ngrok.io/

    #418074
    Leo
    Staff
    Customer Support

    Hi there,

    The link isn’t working for me. Can you double check?

    To target home page only, try:
    .home .main-navigation .main-nav ul li a, .menu-toggle

    #420246
    Jonathan

    new url : best.igrhost.com

    #420318
    Leo
    Staff
    Customer Support

    Hmm try this filter:

    add_filter( 'generate_mobile_header_logo', 'lh_home_page_logo' );
    function lh_home_page_logo() {
        if ( is_front_page() ) {
            return 'URL TO HOME PAGE LOGO';
        }
    
        return 'URL TO SITE-WIDE LOGO';
    }

    Adding PHP: https://docs.generatepress.com/article/adding-php/

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.