[Resolved] SVG Website Logo and Menu Color CSS

Home Forums Support [Resolved] SVG Website Logo and Menu Color CSS

Home Forums Support SVG Website Logo and Menu Color CSS

  • This topic has 9 replies, 2 voices, and was last updated 5 years ago by Leo.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #849452
    Danny

    Hello, I would like to apply white to my svg logo and menu for my new home page. I would like to leave the rest of the website the same. Can you help me, please?

    #849585
    Leo
    Staff
    Customer Support
    #849601
    Danny

    Hi Leo,

    I added the element and it works amazingly on the desktop. It broke my mobile menu. Can you help me fix it? The logo is supposed to be left on mobile. The apply now is supposed to be next to the hamburger menu.

    mobile view

    #849721
    Danny

    To clarify, I would like to make it look like the sticky header on mobile as shown here:

    example

    #849751
    Leo
    Staff
    Customer Support

    Couple things:

    – Looks like you are still using the old page header module and not the header element as suggested above. I would recommend using the new module.

    – Your example screenshot you provided above shows no merge on mobile so you will need to use the Merge on desktop only option in header element:
    https://docs.generatepress.com/article/header-element-overview/#site-header

    – To add a button inside of the header on mobile, try using the mobile header option and you can add the button using HTML and hooks:
    https://docs.generatepress.com/article/mobile-header/
    https://docs.generatepress.com/article/mobile-header/#adding-html-inside-the-mobile-header
    https://docs.generatepress.com/article/adding-buttons/

    #849845
    Danny

    Hi, I decided not to use the sticky menu and previous mobile menu with custom code and button. I deleted the old page header. I applied the new header to the front page and the entire site. I tried to do exclusions but it’s not working for me and therefore I am having issues on the other pages with a white section in the menu. It’s applying the white logo and menu everywhere. How do I apply the original menu with the dark blue color?

    #849861
    Leo
    Staff
    Customer Support

    The exclusion rule should definitely work.

    Not sure why you would need it though?

    You should only apply to that specific page hero to the front page.

    Make sure to clear your caching plugin.

    #850414
    Danny

    I would like to apply this menu to front page and about page only. How may I accomplish this?

    #850529
    Danny

    Nevermind I figured it out. I didn’t realize you can select individual pages.

    #850586
    Leo
    Staff
    Customer Support

    Glad you figured out 🙂

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