- This topic has 9 replies, 4 voices, and was last updated 6 years, 10 months ago by
.
-
Posts
-
I want to take the header from the monochrome theme basically paste it over the magazine theme header. How would I go about this? Is it as simple as finding all of the instances of header in the css and function and switching the old code with the new code? Or is there more to do. Thank you in advance!
Hi,
Sorry, that your post didn't receive a response sooner.
The posts on this forum are mostly answered by volunteers and sometimes questions get pushed out-of-view.Sounds like a good start. I'd also check if you have to reposition the navigation menus / add styles for the menus and if you need to adjust any of the JavaScript.
Magazine Pro needs a revamp of the header asap to still be a good option! In the mobile view the header and menus uses more than 30% of the screen. Would be perfect if it could be all simplified in one raw (logo+menu+search option).
Yes Brad. It would be a dream! Magazine is one of my favorite themes, but it’s mobile version looks a little old. Having a single inline bar with “hamburguer icon for the menu” + logo of the website + search form would be perfect. Like the studiopress theme, that has menu and logo in the same tiny bar, letting the screen of the devices showing a lot more content without scrolling. Still i can’t manage to do that, my site is Sneakerhead.com.ar hope you like it!
You can add the navigation menu and search widgets to the header right widget area and use CSS to display them inline with the logo or site title.
This is 1 method i tested which should get you started :
.site-header .widget_nav_menu { float: left; }You could also use CSS Grid. https://www.w3schools.com/css/css_grid.asp
Brad thanks for your help. I already got the nav bar with the search form working. The issue comes in the mobile version of the site (Sneakerhead.com.ar).
The goal is to have in the desktop version: the logo of the site inline with the fixed nav bar and the search form (the only part missing here right now is the logo fixed on the blue nav bar).
In the mobile version: a fixed nav bar with the hamburguer icon for the menu + the logo of the site + the magnifier icon for the search form. Something like this
I assume you want the right version? If so, i would experiment using CSS Grid.
There would be other methods.
Brad, can you suggest me someone to hire to do this work? I see a couple of links related in the community section. I love Genesis but I think the magazine style themes are a little bit forgotten here :/ Thanks in advance and thanks for all your help.
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.