- This topic has 10 replies, 2 voices, and was last updated 4 years, 8 months ago by Leo.
-
AuthorPosts
-
July 17, 2019 at 5:27 pm #960694Domingo José
hello Team,
Just bought and install your theme.
So far, so good.I have some doubts about the customization that I hope you guys can help me.
I’m trying to copy my website with another theme (thinking of changing, but maintaining the same design): https://newesc.com/asrock-x570-taichi-review-en-espanol/The two issues I’m having are:
– Navigation alignment menu – I have created a Menu, aligned to the left, but I want to align the image on the left, the menu on the centre, and the search icon (with some social media icons) on the right.
. Social Media Icons – As I said before, I would like to add some social media icons to the top navigation, just like in newesc. However, I don’t know how to do it without incorporating them with others.
– The same style of the Hero – I would like to maintain the same style of header hero, but GP centre the image and I’m not able to change the width of only this part. It would be great If I could increase the width, and send the title, date and author to the right, just like I have now on newesc.So far this is all I need help with, but I’m sure it will appear more thing with time.
Thanks,
July 18, 2019 at 7:34 am #961070LeoStaffCustomer SupportHi there,
– I did something for Target: https://gpsites.co/target/
First, enable this option:
https://docs.generatepress.com/article/navigation-as-a-header/Set the navigation width to full and inner navigation width to contained, then aligment to right
https://docs.generatepress.com/article/navigation-layout/Add this CSS:
.main-navigation:not(.slideout-navigation) .main-nav { flex-grow: 1; } .main-navigation .main-nav { text-align: center; }
Adding CSS: https://docs.generatepress.com/article/adding-css/
This article explains how to add icons and align them to the right:
https://docs.generatepress.com/article/adding-icons-to-menu-items/– You will need to create 2 columns inside the page hero content, this article shows you the example HTML and CSS for 3 columns:
https://docs.generatepress.com/article/split-header-three-sections/Let me know 🙂
July 19, 2019 at 10:19 am #962142Domingo JoséHello Leo,
Thanks for your response.
I have done everything, but I’m having some difficulties with the icons and the Hero.– The icons I try to integrate them directly via HTML, however, only Facebook seems to work.
– For the 2 columns, the tutorial you mention is for the header navigation and not exactly the Hero.
I have done my best with Elements, but I think I lack some technical knowledge for this.———
New Questions:
– I have established the Width of the website to 1200px. However, is it possible to reduce this number on posts without Sidebar? I would like to reduce it to 800px. Just the content area, without the Wallpaper and title (since for these I want two columns as I told you before).– Also, is it possible to make the Logo on the navbar disappear instead of creating two rows? This happens when I reduce the size of the window.
Thanks in advance
July 19, 2019 at 12:02 pm #962186LeoStaffCustomer SupportAny chance you can link us to the site in question?
You can edit the original topic and use the private URL field.
And please open new topic(s) for separate questions so it’s easier for us to track.
Thanks and let me know 🙂
July 19, 2019 at 12:53 pm #962217Domingo JoséHey Leo,
I’m using local Flywheel to do it. And as you know, their share functionality is quite limited.If you need I can give you access via TeamViewer or something similar.
July 19, 2019 at 12:58 pm #962219LeoStaffCustomer SupportAny chance you can duplicate the site on a live server?
I’ll need to inspect the code for most of the problems to be able to help.
Thanks!
July 19, 2019 at 1:00 pm #962220Domingo JoséHey!
I will try to do it then.
As soon as I have it, I’ll let you know.Thanks
July 19, 2019 at 3:35 pm #962286Domingo JoséHey Leo!
I have added the URL of the website on the first post.
Take a look.Also, I wanted to let you know that I use “Elements” to solve this:
– “I have established the Width of the website to 1200px. However, is it possible to reduce this number on posts without Sidebar? I would like to reduce it to 800px. Just the content area, without the Wallpaper and title (since for these I want two columns as I told you before).”Is amazing what Elements can do! 😀
Even a noob like me was able to solve that fast.Anyway. I have also noticed that in the URL of that post, you can’t see the icons of social media, but if you go to the homepage you will see them.
Thanks!
July 19, 2019 at 3:57 pm #962294LeoStaffCustomer SupportSo the 4 icons that aren’t working are using FA5.
If you change the prefix to
fa
instead offab
, then it should use FA4 and it should work.Glad you figured out the other issue 🙂
July 19, 2019 at 4:25 pm #962312Domingo JoséIndeed, that solve most of them, but not discord:
<i class=”fa fa-discord”></i>However, what about the other points? Can you help me with those?
-Also, is it possible to make the Logo on the navbar disappear instead of creating two rows? This happens when I reduce the size of the window.-For the 2 columns, the tutorial you mention is for the header navigation and not exactly the Hero.
I have done my best with Elements, but I think I lack some technical knowledge for this.July 20, 2019 at 8:49 am #962793LeoStaffCustomer Support– I’m not sure why that icon isn’t working. Maybe it’s only available in FA5. Worth checking on their website.
– What if we try increasing the breakpoint so it turns to toggle when the navigation jumps to the next line?
https://docs.generatepress.com/article/mobile-navigation/#initiating-the-mobile-navigation-at-a-different-width– The HTML and CSS should be exactly the same whether you are adding it as page hero content or hook content.
-
AuthorPosts
- You must be logged in to reply to this topic.