Top of row to be even with menu on mobile and desktop

Hello, I would like for the top of my row to line up with the bottom of my menu on desktop and mobile.
How can I do that?
http://www.alohajam.net/

Hi,

Can you, please clarify what do you mean by “top of my row”?

Kind Regards,
Csaba

My images are in a “row” in page builder.
The top and bottom row padding is set to “0” and the widget padding is also at “0”
I would like the top of the image to be right up against the bottom of the menu with no white space in between. There should be no white space on the desktop and mobile versions.
How can I accomplish this?

Hi,

You can remove that white space with this Custom CSS:

.page .page-wrap .content-wrapper {
    padding-top: 0 !important;
}

Please add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also add the CSS to wp-admin -> Appearance -> Customizer -> Additional CSS so you won’t loose the changes after Theme or WordPress updates.

Please let me know how it works.

Kind Regards,
Csaba

Hi Csaba,
That worked on the pages.
Is there code to make it work on posts.
There is still a white space on all my blog posts.
Here is a link to a post:
http://www.alohajam.net/the-rise-of-the-keiki/

Thanks for your help!

Hi,

You can remove that space on single-posts too with this Custom CSS:

.single-post .page-wrap .content-wrapper {
    margin-top: -15px !important;
    padding-top: 0 !important;
}

Please let me know how it works.

Kind Regards,
Csaba

Hi Csaba,
That worked for posts on desktop, but for some reason on mobile, there’s still a white space.
http://www.alohajam.net/the-rise-of-the-keiki/

You can see in the screenshot how the white space covers the menu indicator.
Any thoughts!

Hi,

Your website ins’t loading for me, please make sure your website to be live / don’t have any country block activated, so I can access your website.

Kind Regards,
Csaba

I haven’t put any block on the site. There was a plug-in that was causing the server to overload, but we just deleted it. It should be loading fine now. Please check again and thanks for all your help on these issues!

Hi,

Sorry, it still doesn’t load for me, I will assign this topic to an other Support Team Member, so he can check.

Kind Regards,
Csaba

I’m not sure why it doesn’t load for you. Thanks for assigning it to another person.

Can you try again to take a look at this page on mobile?
http://www.alohajam.net/the-rise-of-the-keiki/

Thanks!

=Bobby=

Hi,

It doesn’t load fully on mobiles too, i’ve let it to load for 5 minutes, but it’s stuck, it shows your menu and the video below it covered, but it doesn’t load the full website, please try to deactivate all of your third-party plugins, then let me know, maybe that’s causing the loading issue.

Kind Regards,
Csaba

That’s strange. The site loads for me. Please see the screenshot. Where are you located. What kind of phone are you using?

HI Csaba,
I think we solved the issue. There were a lot of php processes running and that overloaded the server from time to time. Please check to see if the site loads for you and hopefully we can continue with the issue about the white space on mobile posts.

http://www.alohajam.net/the-rise-of-the-keiki/

Thanks!