- This topic has 7 replies, 2 voices, and was last updated 5 years, 9 months ago by David.
-
AuthorPosts
-
June 28, 2018 at 12:17 am #610406Ashish
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.June 28, 2018 at 3:22 am #610568DavidStaffCustomer SupportHi 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
June 28, 2018 at 3:25 am #610569AshishHey 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,
AshishJune 28, 2018 at 3:47 am #610573DavidStaffCustomer SupportHaving 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; } }
June 28, 2018 at 4:14 am #610582AshishHey 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.June 28, 2018 at 4:32 am #610591DavidStaffCustomer SupportWe 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.June 28, 2018 at 5:44 am #610622AshishThank you so very much David, I got it working with the right image. π
June 28, 2018 at 5:46 am #610623DavidStaffCustomer SupportGlad i could be of help
-
AuthorPosts
- You must be logged in to reply to this topic.