[Resolved] How to make it look like this?

Home Forums Support [Resolved] How to make it look like this?

Home Forums Support How to make it look like this?

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #610406
    Ashish

    Hey Tom,
    I am new to WP and starting with a very basic blog site, heard a lot about you and the theme, just bought premium as it is the best way to support. πŸ™‚
    Regarding to my query, I am looking to make my site like this, https://www.laptopduniya.in the header and content part at least. I am good enough with CSS (not at all with PHP though) and tried to make the header with the free and the premium version, but failed to do so. The issue is in the mobile version, as you can see, the header in mobile looks like
    What it looks like...
    this, which I was unable to acheive, the best I got was this monstrosity,
    What I get to so far...
    I will highly appreciate if you can help me out with this.
    Thank you,
    Ashish
    P.S. I am on local system for now, but if required I can set up a test server for this. Thank you.

    GeneratePress 2.1.2
    GP Premium 1.6.2
    #610568
    David
    Staff
    Customer Support

    Hi Ashish,

    nice to hear you decided to take up GP for your first blog πŸ™‚
    Simples method would be to use the GP Mobile Header. Go Customiser > Layout > Header and select Mobile header where you get the option to load a mobile logo.

    Let me know

    #610569
    Ashish

    Hey David,
    Hope you are having a great day. The issue is that I was hoping to just use header text (as the logo if I may) with some typographic changes. Will it be possible to do so? Or using logo is the only way to go? Please let me know your thoughts.
    Thanks,
    Ashish

    #610573
    David
    Staff
    Customer Support

    Having a great day thanks πŸ˜‰
    Personally i would use a Navigation logo but we can do a little CSS to align things, try starting with this:

    @media (max-width: 768px) {
        .inside-header {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }
    }
    #610582
    Ashish

    Hey David, thank you so much for the code. I tried it but the results were not acceptable. πŸ™
    What I got...
    I think I will move to logo then. May I ask if there is a recommended size for the logo, both the PC and for mobile? Thank you so very much.

    #610591
    David
    Staff
    Customer Support

    We can spend a little time tweaking it but would need the site to be live.
    The navigation and mobile header logos are the best route to go.

    Suggested main logo size is 350 x 70px which is good for text logos.
    For mobile header (and primary navigation logo) you want to resize that based upon the Line Height set in the customiser as the logo will shrink to fit.

    #610622
    Ashish

    Thank you so very much David, I got it working with the right image. πŸ™‚

    #610623
    David
    Staff
    Customer Support

    Glad i could be of help

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