[Support request] Customization #1

Home Forums Support Customization #1

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #960694
    Domingo 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,

    #961070
    Leo
    Staff
    Customer Support

    Hi 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 🙂

    #962142
    Domingo 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.

    View post on imgur.com

    – 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.

    View post on imgur.com

    ———

    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.

    View post on imgur.com

    Thanks in advance

    #962186
    Leo
    Staff
    Customer Support

    Any 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 🙂

    #962217
    Domingo 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.

    #962219
    Leo
    Staff
    Customer Support

    Any 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!

    #962220
    Domingo José

    Hey!

    I will try to do it then.
    As soon as I have it, I’ll let you know.

    Thanks

    #962286
    Domingo 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!

    #962294
    Leo
    Staff
    Customer Support

    So the 4 icons that aren’t working are using FA5.

    If you change the prefix to fa instead of fab, then it should use FA4 and it should work.

    Glad you figured out the other issue 🙂

    #962312
    Domingo 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.

    View post on imgur.com

    -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.

    View post on imgur.com

    #962793
    Leo
    Staff
    Customer 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.

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.