/    Sign up×
Community /Pin to ProfileBookmark

CSS Customization needed for Widget Header, and background of specific page

What CSS do I need to enter to change the layout of the widget menu on the top left side of the header as shown in the link with the website I’m working on https://www.careertechpa.org/. As you can see the menu currently runs outside the header into the body and I want to more horizontally spread out within in the header.

Also, what CSS do I enter to change the font in the main nav menu bar and add a black background to a specific page?

to post a comment
CSSHTML

1 Comments(s)

Copy linkTweet thisAlerts:
@SempervivumFeb 18.2020 — As you can see the menu currently runs outside the header into the body[/quote]
This is an undesirable effect when using float layout: The element doesn't occupy space according to it's content and the content runs outside.

Can be easily fixed by using flex layout instead:

https://css-tricks.com/snippets/css/a-guide-to-flexbox/

I want to more horizontally spread out within in the header.[/quote]Unfortunately, when arranging the elements side by side, they would occupy too much space. Consider placing more than one item in each row.
×

Success!

Help @gdon17 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...