Archived topic
How to make it look like this?
7 replies · Started by Ashish on June 28, 2018
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
this, which I was unable to acheive, the best I got was this monstrosity,
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.
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
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
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;
}
}Hey David, thank you so much for the code. I tried it but the results were not acceptable. :-(
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.
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.
Thank you so very much David, I got it working with the right image. :-)
Glad i could be of help
