Freedom Posted April 6, 2020 Share Posted April 6, 2020 Site URL: https://www.ronaldaartsen.com As many might have noticed, the header incl. navigation layout is a bit more restricted than in 7.0. @tuanphan , would it be possible to use css to make a custom header so I can create more space for navigation (-items). In the current structure it is so narrow that if I add one more page it shows the navigation menu on 2 lines. An example of how I would like it to look is in the screenshot. So basically, the navigation and in this case the button in a different block / on a seperate line from the logo/title and soc media icons. Like we had in 7.0 Top & bottom. Thanks in advance for having a look at this. Link to comment
tuanphan Posted April 6, 2020 Share Posted April 6, 2020 It seems you solved? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Freedom Posted April 6, 2020 Author Share Posted April 6, 2020 11 minutes ago, tuanphan said: It seems you solved? No this is still just the standard format. So one block, and the navigation/menu space is short. Link to comment
tuanphan Posted April 6, 2020 Share Posted April 6, 2020 My idea is W1. remove button, use CSS to turn last item in navigation to button Use CSS to adjust header layout a bit W2. Remove Logo, Social Icons Add Logo - Social Icons to Footer Use jQuery to move Logo, Social Icons to Header W3. Remove Header Navigation, Button Add Navigation, Button to Footer Use jQuery to move Nav, Button to Header Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Freedom Posted April 6, 2020 Author Share Posted April 6, 2020 12 minutes ago, tuanphan said: My idea is W1. remove button, use CSS to turn last item in navigation to button Use CSS to adjust header layout a bit W2. Remove Logo, Social Icons Add Logo - Social Icons to Footer Use jQuery to move Logo, Social Icons to Header W3. Remove Header Navigation, Button Add Navigation, Button to Footer Use jQuery to move Nav, Button to Header Thank you Tuanphan. I have no css or jquery knowledge but I will look around and see if I can find anything on the steps you suggested. Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.