Docs

[mikeand13]

Hi,

I am having a problem with contact form 7 using an image to replace the submit button.

I have done this previously and it has worked fine on the site I am currently working on the submit button turns to a white square when viewed on mobile devices.

Any insight much appreciated.

Mike

[mikeand13]

This reply has been marked as private.

[mikeand13]

If I can be cheeky, while you are in there, I am having problems with a Ubermenu in the responsive setup.

I have 2 pages

http://23.235.193.49/~devifansi/gallery/abstract-sea/
and
http://23.235.193.49/~devifansi/gallery/abstract-sea-2/

I have the ubermenu in the sidebar on the first page version, but I appear to be unable to hide the sidebar in responsive mode.
On the second page version I am using ubermenu as a widget, this appears to work fine, in responsive but when you open the menu it crashes into the gallery.

Is there a way to fix either of these?

Thanks for all you help as always.

[Friech]

Hi Mike,

Thanks for writing in! Currently you have this block of code:

.page-id-122 .wpcf7-form input[type="submit"] {
  background: url('http://23.235.193.49/~devifansi/wp-content/uploads/2016/12/send-button.png') center no-repeat;
  background-size: contain;
  border: 0;
  width: 20%;
  color: transparent;
  padding-top:10px

Inside the @media ( min-width: 980px ) query, that is why it does not maintain the send-button.png image on mobile view. Please move that outside of the @media query block, or should I say close the @media query block where it should be.

And as you notice that block also missing the closing the bracket [ } ], please address it.

Please clarify how we can replicate the second issue, I’m not entirely certain about it.

Cheers!

[mikeand13]

Hi Friech,

Thanks for that, can’t see for looking sometimes.

As for the second issue,

I started with the Abstract Sea page.

I used a sidebar to create a menu for the gallery to the right. This works fine but I was unable to hide the sidebar on responsive screen sizes. I tried many of the suggested fixes from the forum, none worked. The idea being that the main navmenu could be used to switch to the gallery pages on responsive pages.

While I was struggling with this I tried to see if I could keep the menu by putting the menu in a widget which would be responsive, this way I could keep the widget menu on responsive pages. This is the page Abstract Sea-copy The problem I have with this is the widget menu crashes into the displayed gallery when you open it. Overlaying the gallery images. But only when view in the responsive screen sizes.

Hope this helps explain a bit, let me know if you need further clarification.

Thank for the help so far,

Mike

ps. I would be happy with either of these scenarios working, either hiding the sidebar or showing the widget menu but not having it crash into the gallery.

[Friech]

Hi Mike,

You can hide the sidebar on mobile view with the custom CSS code below.

@media (max-width:  979px) {
	.x-sidebar {
		display: none !important;
	}
}

Make sure you added the closing bracket of the @media ( min-width: 980px ) block before appending that code.

Hope it helps, Cheers!

[mikeand13]

Thanks for that but the sidebar still shows with that code.
I have tried variations on this code previously without success.

I am beginning to wonder if it is because it is a extra ubermenu sidebar

[ubermenu config_id=”plyatism-menu”]

Also I am finding that the gallery is not centering on the pages, it is cropped on the right hand edge.

Is this related to the fact that sidebar is not disabling?

Thanks as always for the excellent support.

Mike

[Nabeel A]

Hi Mike,

You had a missing bracket in your Customizer, I went ahead and fixed it for you. The sidebar is not showing now in smaller screens. Please clear your browser’s cache and reload the site.

Cheers!

[mikeand13]

Thank you much,

As always you guys are most excellent.

Now if you could make the internet work faster, bring about world peace and sort the whole hungry people thing,
I would be a happy man.

All the best

Mike

[Nabeel A]

Glad we could help.

Cheers!

[Author]

Posts