[eewix]

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.

[Skandha]

@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

[eewix]

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

[Skandha]

@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

[eewix]

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?

[Skandha]

@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

[eewix]

That worked perfectly. Thanks so much!

[Skandha]

@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

[Author]

Posts