Reducing white space and horizontal line in mobile view. To match my wordpress site.

Peter

Hi all,

I am integrating my smugmug site into my new wordpress site. So far all is going well with matching my menu layout for both sites using GeneratePress and Elementor on WP, and fine adjustments in Smugmug . However, in mobile view I still need to tweak my smugmug site to reduce white space and remove the horizontal bar.

Here is my wordpress site in mobile view:

And here is my smugmug site in mobile view:

I am looking for css codes where I can reduce the white space and remove the horizontal line in the mobile view of my smugmug site. Any ideas?

Thanks,

Peter

Hikin' Mike

We need a link to your site...

Peter

@Hikin' Mike said:
We need a link to your site...

Here you go Mike:

https://peterslens.com/

Then the link to the links in the Photo Galleries open my smugmug site.

Thanks,

Peter

Hikin' Mike

Your SM site is set to private/password.

EDIT: Never mind. I only need to see your header. Give me some time.

Hikin' Mike

Add this to your CSS:

@media screen and ( max-width: 736px ){

    .sm-user-ui .sm-page-widget .sm-page-widget-content { padding: 0 !important; }

    .sm-user-ui .sm-page-widget-separator hr {display: none}

}

Just so you know, SmugMug's desktop to mobile devices is 736px. You can't change them.

Peter

@Hikin' Mike said:
Add this to your CSS:

@media screen and ( max-width: 736px ){

  .sm-user-ui .sm-page-widget .sm-page-widget-content { padding: 0 !important; }
  
  .sm-user-ui .sm-page-widget-separator hr {display: none}

}

Just so you know, SmugMug's desktop to mobile devices is 736px. You can't change them.

Thanks so much Mike! Really appreciate your help on this! Looks great now

Peter