Problems with Contact Page

Support
#1

Hi, guys:
Please help sort out the problem with the image that is at the top of the page: for some reason, it shows only on the left side of the screen on desktop, or even mobile if you flip the phone. Tried moving it… no avail…
https://clipsandclicks.media/reach/

On a separate note, the navbar seems to be squeezed in the middle, the logo is not close to the left edge of the screen, same on the right-hand side… the issues may be connected?

Thank you,
Diana

#2

Hey Diana,

It seems that you have a plugin installed on your site that is optimizing and resizing the images. Do you happen to be using JetPack?

As you can see in the screenshot above, the image is getting resized to 862px width. Try disabling or reconfiguring the plugin you are using for the image.

Another option would be instead of adding an image element to the column, try setting the element as the background for the column instead.

The navbar and topbar area are set to have a maximum with. You can make it fullwidth by adding this code in X > Theme Options > CSS:

.x-navbar-inner .x-container.max,
.x-topbar .x-container.max {
    max-width: 100%;
    width: 100%;
}

Kindly note that since this is a custom code that changes the default behavior/display of the theme, you will be responsible to maintain or update the code in case you require further changes or if the code stops working in future updates. If you are uncertain how to proceed, it would be best to get in touch with a developer.

Hope this helps.

#3

Thank you for your response.
I am not using any app to manage pictures.
BTW where can I control the expansion of a picture into a column?
Cheers,
Diana

#4

Hello Diana,

If you want to image to display full width, please go to Jetpack → Settings→ Performance settings and disable the Image Acceleration module. This is what is making the image not to display the full-size image.

Please let us know how it goes.

#5

The menu setting worked, yet, the Jetpack accelerator disabling didn’t: the image became a little bigger but not site wide. I’ll increase the resolution of the picture see how it goes.
Thank you,
Diana

#6

You’re welcome, Diana.

#7

Hi Diana,

We’re sorry to hear that you are having troubles finding the options on how to get this set.

As for getting rid of the sidebar in the Portfolio page, I am not certain if you are already able to get it sorted because when I check your site’s portfolio page, there is no sidebar anymore including the individual portfolio item pages.

If you are referring to the area I pointed with an arrow, that is the footer of the page and not the sidebar. It looks like it is above a blank space because the main content area of the page (portfolio items) do not have a lot of content which makes the total height of the page shorted than the browser area.

I personally this X is has a lot features that helps you customize your site but you will have to get yourself familiar with the features available with the theme and how to use them. It would be best to start with our Knowledge Base if you want to read more about the features in X and Cornerstone and some tutorials:

Hope this helps.

#8

Thank you for pointing the footer to me. The difference is obvious: the footer is at bottom of the page and the sidebar on the side of the page… hahahaaaa (all my above comments are related to individual portfolio pages, not to the main portfolio page)

BTW: Theme X has a lot of features. Too many features that need to be set-ul, cenetred, aligned, etc. consume a lot of time. That’s exactly my point. You need to add to your package more sections templates to save my time, me, your client. That’s all.
Instead of taking this as a suggestion and improve your product, you show me the footer. I would gladly pay more for a theme that saves me time, than struggle between bits and pieces scattered all over the place, called “features” by you.

#9

Also, I still have to see a good code that centers your button into the columnn.
I have one that works whenever it pleases.
.centered {display: block; margin: auto; max-width: 250px;}

#10

Hi @ioneasca,

Which button you are trying to center? Usually, you can align the elements to the center of the column by using the text format in the column settings. If you have something on the button like custom class with custom css, then that could be the reason why the button does not align to the center.

By the way, I have forwarded your feedback to our moderators collating our new knowledge base articles which will launch soon enough.

Regards.

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.