Ok sooooo I have now tried to size them all the widths to fit the areas. Now the width the height seem to all line up except now there is a white space/gap between the top row and the bottom row?

Also when I view on iPad and smaller screen sizes the text and buttons dont seem to scale/become responsive – so are showing really large.

On mobiles the text and caption is aligning at the top of each image – I have it set to be in the middle and centred?

Thanks, I will look into it! Will you please have someone answer my other topic? I am having a text formatting issue on mobile devices. Thanks! HERE IS THE LINK: https://kriesi.at/support/topic/enold-weird-text-formatting-on-mobile/

Thanks!
Eric

Here is a screenshot but it doesn’t show much. http://create.madomains.com/wp-content/uploads/2016/09/IMG_0560.png

On Desktop/Laptop the background of the body area is fixed, on mobile its not and it scrolls. I can’t speak to android devices because I don’t have any but this is the case on iOS vs. OS X and Windows in Safari, Firefox and Chrome. That tells me its not browser specific but it is mobile specific. I tried using the “request desktop” option in Safari but that made no differences.

The image in the lower corner appears correctly in relation to the size. The issue is that it is not static to the lower right corner as it should be when “Fixed” is selected.

Additional note: I updated to iOS 10.0.1 since the ticket was opened but it has made no difference.

I’m going to try to explain again. In the above 2 responses, you 1st showed a picture that was from wizs.com (i know this because it had the colored menu below the header) and in the second response, listed wizs.com as the website where you can’t see the header image.

wizs.com is the domain name we are building the enfold site for. however, the enfold site which will be used at wizs.com is currently being build at test.wizs.com. the wizs.com site is a site built off of thesis and not what we are trying to talk to you about. We are trying to replace that site with a site we build at test.wizs.com and then migrate over to wizs.com after we are finished.

that being said … there are some useful reasons to look back at the old thesis built site. we want our header ad to line up similar in the enfold site as to that of how it did in the thesis built site. below you will see a screenshot of the thesis built site (wizs.com) that we are trying to replace :

below you will see the enfold site (test.wizs.com) that we have built so far. See how the header ad looks at the 20 inch screen size? we want it to look that way at 13 inch screen sizes, etc…. all desktop screen sizes…

see below for how test.wizs.com (the enfold site) looks at different screen sizes… see how the ad progressively gets smaller as the screen size goes down ?
19 inch

15 inch

13 inch

10 inch

i was advised to put my page in a grow row to get the content that i wanted divided up the way that my client wants it divided up.. i have two requirements: i need the background ads to be responsive at desktop screen sizes and I need the page broken up so that the left background ad is 10%, the center part for content is 80%, and the right background ad is 10% of the web page width.

the suggestion that you all gave to put the page into the grid row actually fixed the 1st problem of needing the background ads being responsive. so, for this part of the ads, i just need to know how to tell the grid row cells to be a different width?

see screenshot with drawing on it for additional explanation of what i am trying to accomplish:

Knowing that and implementing it would totally knock this problem out!

Any help you can give me with this would be greatly appreciated….

Thanks,
Jeannie

• This reply was modified 9 years, 7 months ago by honestgraphics.

Thank-you Vinay for all your help (sorry for not posting individually).
All of these changes have been helpful, however point 3. only partially fixed this issue.
The text has been resized, but for some reason on the mobile devices the text seems to centred towards the right hand size of the image. So that when there is 2 words in the caption, you lose the last few letters of each word. Is it possible to realign this text?

Also.. I’m not 100% happy with how the easy slider is presenting still on the home page, could you explain how I would have different images displayed on mobile device only? I was thinking of creating different images, that suit that screen better. but I wasn’t sure how to add them into my mobile site, without them appearing on my desktop version.
Thanks for your help.
sally

Help please … I am receiving emails addressed from three Moderators and one Participant ‘because I subscribed to a forum topic’. I is not clear to me if one of these is a response to my issue raised on Sept 14 item 686134 and followed-up on Sept 15 with item 686638 and on Sept 16 item 687156. Each of the suggestions from the moderators appear to be to another participant who is responding … please is this correct. If any of these are for myself I have a fundamental problem that I have not been able to access my WordPress file since the fatal error occurred.

Thank you, they are showing up now.

They are not showing up properly on the screen though.

The Facebook icon is mostly not seen, is there a way to center the icons?

I tried this but it didn’t work:

.responsive.html_mobile_menu_tablet #header_main .social_bookmarks {
display: block !important;
position: center;
}

What would be even better is the social media icons could be at the centered top of the screen if that it possible.

Thank you.

I think I got it but how do I get it to the actual page on the website? Is there an way to place it on top of footer on all pages?