wanderer

You need to use your browser’s developer tools to inspect and find the problem areas.

You also need to read more about how responsive themes work. You may say you removed padding and margin is 0px, but you’re looking in the wrong places for smaller screens. You need to look under code segments that look like this: https://17404-presscdn-0-71-pagely.netdna-ssl.com/wp-content/uploads/2015/05/image00.png

You could read this and learn how to do it: https://www.w3.org/Style/Examples/007/center.en.html#block

*hint* your logo is set as float:left and needs to be set as float:none or those instructions won’t work

Sounds like your buddy is onto something. I think you’re in good hands. I’m out of suggestions now, but good luck with this. ??

@robmausser

Careful. Don’t throw things back in my face like that. Yes, I stated I’d let others more qualified help you – but there’s no need to throw it back in my face like that. Do you think you’ll get help from anyone with a reply like that? To be frank, I can easily fix just about any issue (including this one) on my own if I wanted to. But people more experienced in helping others troubleshoot this kind of thing should help you, since PHP scripts are the kind of thing hackers like to target.

That doesn’t mean I’m actually underqualified in other things. In this thread, I’m more of a bypasser who wanted to add a little input (i.e., the log-in portal is open at https://atlantisclinic.ca/wp-admin). To most people, likely including you, testing to see if the log-in portal shows up by going to https://atlantisclinic.ca/wp-admin instead of https://atlantisclinic.ca/wp-login.php (as in your first post) is NOT obvious.

Also, I didn’t include the direct PHP source link here, and don’t want to. It’s not 100% identical to the wall of text everyone (including you) sees right now at https://atlantisclinic.ca/wp-login.php and has some extra PHP code. So that’s probably a 2nd thing not obvious to you.

But good luck getting help now.

You’re welcome!

Glad to help. You’re using a premium paid theme called Central, it appears.

They do have sidebar pages like this one: https://demo.qodeinteractive.com/central/sidebar-page/

It’s better to ask the developer directly via their Support forum, since most of us have never used that theme so we don’t know how it works.

The left side of the top menu items are aligned with the left side of the submenu items. That’s normal. BLOG is a shorter text and its sub-menu items have longer text, which is why it looks more dispropriate than the other top menu items vs their submenu items.

You can use this CSS code:

.menu-main-container .sub-menu {
  left:calc(80% - 6.89em) !important;
}

It won’t be perfect, but it’s close enough.

In WP Dashboard, go to Settings > Reading. Next to Front page displays, you can select “A static page (select below)”. Then you can choose your page for either “Front page” or “Posts page”.

It looks like you’re using a full-width template. Maybe your theme settings have other default templates you can choose from, such as sidebar-content, sidebar-content-sidebar, etc.

You’re likely using the wrong selectors for your CSS. For example, try putting this in your Custom CSS:

footer div {
   background-color:green;
}

And it should work.

correction: wp-login.php length looks about right (tried to change that earlier text but was too late). It shouldn’t be publicly visible like that though

https://atlantisclinic.ca/wp-admin has a log-in form

I’m not sure if it’s a good idea to log in, so DON’T. Your wp-login.php source code is visible in its original form and is too long.

I’ll let others more qualified than myself help you with that.

You’re very welcome!

Your HTML code has this:

<div class=”sidebar s1″ style=”width: 100%; max-width: 300px;”>

Search for sidebar s1 then change that HTML line to:

<div class=”sidebar s1″>

A little more information would help, such as what theme you’re using.

Maybe you just need to go to the theme’s settings and change the default template. Full-width may be just one of several templates. There could be others like sidebar-content, sidebar-content-sidebar, etc.

@rgchang There’s another container that also needs to be dealt with.

@niagaraseo This is the exact code you need:

.site-header .widget-area {
  width:890px;
}

#menu-standard-menu {
  width:900px;
}

Install and activate this plugin: Simple Custom CSS. Then paste the code in there, press Update Custom CSS, and you’re done!