paulwpxp

Add this code to your child theme style.css will disable that behavior.

/*** Disable theme's transform image on hover ***/
body .gallery-image *:hover { transform: none; }

Hi, for longevity of the project, it’s better not to edit theme files. Keep theme files as is, untouched. We make changes in CSS via Custom CSS plugin or style.css of child theme.

The problem is this max-width value that should be 100% instaed of fix pixel.

.post-img img {
	max-width:1080px;
	height:auto;
}

But I can’t say for sure, it’s not normal for theme nowaday that don’t use responsive image CSS. Maybe it’s the theme settings that not configured correctly, or maybe it’s the case of user makes changes to theme file incorrectly.

Since the theme you are using is a commercial theme, so it’s best to go through its own support channel.

But meanwhile this piece of CSS will fix it (I only tested it in my browser web dev tool).

.post-img img { max-width: 100%; }

The code must be used via theme’s Custom CSS option, or via Custom CSS plugin for it to work (because it needs to be loaded after theme’s main CSS).

That is a flaw in web technology. The drop down menu in PC relies on hover state, that we control the appearance via CSS, doesn’t work properly in mobile/tablet device, unless there is a fix via JS.

So we can apply that fix using a plugin like this
https://wordpress.org/plugins/tinynav/screenshots/

or get rid of the drop down behavior all together, this requires some background knowledge on UX that the drop down menu is actually a bad UX people keep doing it just because it has become a normal — it’s very important that we understand this problem otherwise nobody would want to make proper change just because the majority is still doing it.

Goodbye to 8 Design Elements Whose Time has Come
https://uxmag.com/articles/goodbye-to-8-design-elements-whose-time-has-come

Site structure is important too. For example, your site right now keeps the event posts in submenu(dropdown) and this is bad because the most crucial pages are hidden by default and require user interaction to reveal them.

There are many ways to fix this;

Having that crucial update listed in sidebar.

• Having that crucial update listed in sidebar, AND keep menu as is in PC by display none that sidebar section in widescreen and display normal (CSS display block) in small screen situation via media queries.
• Use posts instead of page/subpage, so that we can make one clickable link to post’s tag or category and have all that info listed in an archive manner (so we don’t need dropdown menu, we’ll just have 1 level menu, and that’s good.)
• Keep the site structure as is (with page/subpage), but on the parent page, instead of having it empty, install a list subpage plugin (that we can put in a list subpage shortcode), then we make one clickable link to the parent page that act like post’s archive (so we don’t need dropdown menu, we’ll just have 1 level menu, and that’s good.)

This piece of CSS will do just that

.side-widget h3 {
     background: rgba(0, 0, 0, 0) url("http://www.fayesfx.com/wp-content/uploads/2015/09/cropped-SFX-MAKE-UP.jpg") no-repeat scroll center -261px;
     border-color: #aaaaaa;
     color: #222222;
}

Copy and paste the code above in Custom CSS option. See if the theme you use come with this option, if it doesn’t install one of those Custom CSS plugins, and use that code in it.

The code above making use of header image (less image loaded, better site performance), it will look right this.
http://i.imgur.com/PFunLIJ.png

But you can, if you want to, create another image for this. Just replace the image url and adjust the position accordingly.

I’m happy to help.

Try this

.page-id-32 .site-header { display: none; }

With this code you don’t need to use that specific plugin (it should work with it though), the code could go into any Custom CSS plugin because WP generated CSS class, the .page-id-32.