Skip to content
Grav 2.0 is officially stable. Read the announcement →

Community guidelines

Please keep discussions civil and on-topic. Repeated violations may lead to a temporary ban.

Themes & Styling

Help with my header misalignment

Solved by Lewis View solution

Started by Lewis 9 years ago · 2 replies · 541 views
9 years ago

Hello! Being quite inexperienced with web development, i'm not sure how to fix a possibly simple problem. The problem being, on Windows computers, the header isn't aligned properly and ends up out-of-place, also causing the page to be too wide.

My website is: http://mark-nichols.net/

The header, 'The steps of our system', is supposed to be below the row of images, not between them.

Could someone give me an idea on how to resolve this issue?

Thanks!

9 years ago

From what I've seen you should fix these things in your template:

  • multiple id="pricing" (id should be unique)
  • the source of your problem is that class "modular-row" doesn't exists in your css, just change it to "row"
9 years ago Solution

Thanks for the advice. I'll admit i've been very messy with the site and most things have the pricing id.

I had to remove some unnecessary info from the images to make it work, as your suggestions didn't fix it. But thanks anyway!

Suggested topics

Topic Participants Replies Views Activity
Themes & Styling · by Pedro M, 2 months ago
4 196 2 months ago
Themes & Styling · by Ian, 2 months ago
3 92 2 months ago
Themes & Styling · by Norbert, 2 years ago
11 454 3 months ago
Themes & Styling · by Lukáš Findeis, 3 months ago
0 47 3 months ago
Themes & Styling · by Sebadamus, 4 months ago
5 126 3 months ago