Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #282889
    eewix
    Participant

    My website is evanwixwrites.com and I am using the Divin theme. I have a few changes I want to make:

    – I want to widen the nav bar to have all the page links on one line.
    – I want to rearrange the order of my pages so that my home page is first all the way to the left, and a few other pages are towards the end.
    – I want to remove the banner in the middle of the page that says “Evan Wix – Freelance Copywriter”

    Any guidance on how to make these changes is greatly appreciated.

    #282905
    Skandha
    Participant

    @eewix: Hello there,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    /* To widen the nav bar and have all the menu links on one line */
    .site-header-main.wrapper {
        max-width: 100%;
    }
    #site-header-right {
        margin: 0 auto;
    }
    
    /* To remove the banner in the middle of the page */
    .home .site-description {
        display: none;
    }

    To rearrange the order of the menu items
    Go to => Appearance => Menus => View All Locations => Primary Menu => Create a New Menu => Give a Name => Add Items => Add the menu items and drag and drop then to order them and Publish.

    Let me know if this works out!
    Kind Regards,
    Skandha

    #282966
    eewix
    Participant

    Thank you so much! I was able to remove the header on the home page and get the menu bar in the order I want. I changed the text of my pages to make them all fit on one line in the menu bar but I also want to remove the header on all the other pages. I tried clicking on each page in the customize CSS setting, and the code is there but the banner is still showing up. How can I fix this?

    evanwixwrites.com

    #283002
    Skandha
    Participant

    @eewix: Hello there,
    To remove the banner text on all the pages remove the text .home from the Code I provided you above.

    Let me know if this works out!
    Kind Regards,
    Skandha

    #283053
    eewix
    Participant

    Thank you so much, that worked! I have one last question, now I need to move the text up on each of the pages in my site as now you have to scroll down to see the text. How can I do that?

    #283082
    Skandha
    Participant

    @eewix: Hello there,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    @media screen and (min-width: 72em) {
    	body:not(.header-media-disabled) .below-site-header {
    	    margin-top: -600px;
    	}
    }

    You can change the margin top according to your choice.
    Let me know if this works out!
    Kind Regards,
    Skandha

    #283161
    eewix
    Participant

    That worked perfectly. Thanks so much!

    #283190
    Skandha
    Participant

    @eewix: Hello there, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
    https://wordpress.org/support/theme/divin/reviews/#new-post
    Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely
    appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a great weekend! 🙂

    Kind Regards,
    Skandha

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Edit Nav Bar, and Revise/Remove Banner’ is closed to new replies.