[Resolved] How To Get this type of gradient header both in mobile and PC and Homescreen

Home Forums Support [Resolved] How To Get this type of gradient header both in mobile and PC and Homescreen

Home Forums Support How To Get this type of gradient header both in mobile and PC and Homescreen

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1300061
    Rohan Verma

    hello Team,
    I have been using GP premium with WP show post for last 1 year now. Can you guide me to Get this type of gradient header both in mobile and PC and Homescreen Layout? I have shared the website link.

    #1300190
    David
    Staff
    Customer Support

    Hi there,

    try adding this CSS:

    .main-navigation {
        background-image: linear-gradient(to right, rgb(47, 42, 252) 0px, rgb(33, 195, 255) 100%);
    }

    You can use this site to generate your gradient:

    https://cssgradient.io

    #1300198
    Rohan Verma

    Thanks David. It works and looks fine on desktops but on mobile device the nav bar became transparent

    #1300200
    David
    Staff
    Customer Support

    Can you share a link to your site? You can edit the original topic and update the Site URL. Let me know.

    #1300305
    Rohan Verma

    Hello, I have updated our link. Check the desktop version, the gradient is only applied to the nav menu, not the full header. We need the gradient on both mobile and desktop header.

    #1300333
    David
    Staff
    Customer Support

    Go to Customizer > Layout > Header and check Navigation as Header

    #1300445
    Rohan Verma

    Hello, David thanks that worked. Now we want some customization for home screen layout on the mobile device. We are currently using WP show post pro to show a particular category article on our home screen. Currently, our home screen on mobile looks like this> https://prnt.sc/snfucd. We want to make this look like this > https://prnt.sc/snfur1. Is it possible? If yes please guide me.

    Thanks and Regards

    #1300456
    David
    Staff
    Customer Support

    Can you raise a new topic – this will make it easier for you and others to find these answers in the future.

    #1300460
    Rohan Verma

    Okay sure David

    #1300462
    David
    Staff
    Customer Support

    Thanks

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