tried the settings area: mobile width of 1506 versus 640 and neither allows theme to be responsive on phone or computer.
I’ve seen PAGEBUILDER work with Tesseract so it must be a setting issue and after spending hours looking and watch video to instructions and can’t seem to find the answer. Need help
The site below has some tease but NSFW perhaps for viewers at work
thank you
Here are my active plugins
Akismet
All in One SEO Pacl
Black Studi TInyMCE Widget
Blog Manager Light
Contact Form 7
Easy Google Fonts
Get page Link by ID
Lightbox plus Colorbox
Nexgt Gen Gallery Page Builder
Stie ORigins Widget Bundle
get page link by ID
Spacer
Title Remover
WP Media category management
WP User Avatar
Hi Swimwear Plus
I have merged your threads to better answer. You site itself seems to be fully responsive as far as the PageBuilder panels and pages go. The only issue I can see is with the panel backgrounds on the homepage where the image remains full size. Is this the issue you are referring to?
Thanks
Magus
Hi Magus,
thanks for your response. Yes the site where I don’t use page builder is all progressive. The front page(home page) is progressive until i convert the home page using pagebuilder theme for eye catching full images.
Adding just one image in pagebuilder the front page stops being responsive. I have the settings for pagebuilder checked for progressive and have tried the mobile phone settings to 680 and 1506 pixels.
If i make the screen super small the menu for progressive shows but the images are lost as are the clients without seeing my front / home page.
the theme create uses your awesome pagebuilder theme for his site on the inside
http://tyler.com/tesseract-theme/
his cover page
http://tyler.com/tesseract-theme/
appears to be a flash page for the image when clicked isn’t downloadable.
so love your product if i can get it working for my site too!
Hi Swimwear Plus
This is being caused by the 800px span you have as the bottom item in your page layout.
You can control this better using Custom CSS. Please try this.
1. Change your existing span to this
Then try this in Custom CSS. If you are not already using any Custom CSS you may need to install a plugin. I would recommend this one.
https://wordpress.org/plugins/simple-custom-css/
#homespan { height: 0px; padding-top: 800px; clear: both; display: block;}@media all and (max-width:1600px) {#homespan { padding-top: 600px;}@media all and (max-width:1080px) {#homespan { padding-top: 400px;}@media all and (max-width:640px) {#homespan { padding-top: 200px;}@media all and (max-width:480px) {#homespan { padding-top: 100px;}This should progressively reduce the padding on the bottom span allowing the image to reduce in size.
You may need to adjust the max-width sizes in the media queries to fine tune it.
Let us know how you get on
Magus
thank you,
I added the custom CSS, added the custom code
went to the CSS Style sheet and could not find the span line there. checked around the whole gambit of php too for i don’t know much about php but would think it would be on the style sheet, hence the custom code.
thanks
Hi Swimwear Plus
The span is the spacer item you have at the bottom each row. It is the last item after the button.
Hope this helps
Magus
Hi Magus,
I went to the spacer first until I saw there was no span code showing so i was searching all over the CSS.
Thanks for the redirection. The fix worked for the portfolio area. I would need a few media queries on the home page so I transferred back and then added a PHONE VIEW button linked to a new Page Builder Phone page with images that won’t need media queries ( been awhile since I messed with that). Note a link to SiteOrigin in my footer,
Check it out with your phone, should work nicely and then add some additional images for computer viewers.
Thank you so much!
Mike
Hi Mike
You a welcome, and thanks for the link back.
If you need any more help, feel free to open a new thread.
Magus
Hi Magus or anyone listening .. I think you all may be discussing the issue i’m having also, but i’m kind of a beginner, and I don’t really speak code that much yet lol and custom css.. (blank stare).
I would like my home page background image (visual editor) to shrink or resize in mobile view… or at least be able to control which side of the image displays, left or right. Right now it stays zoomed in on the left side of my image only.. helllp :) thanks.
Hopefully someone can help. I made this site last week using WP for the first time. I’m a designer not a web builder but I need to know this so I can keep my website up to date without it costing me a fortune for web people
my site is idrver.com
but for the life of me I cannot get the top main pic and the middle pic to be responsive and scale…please help
Hey,
i’ve the same problem with resizing the image. I don’t understand the “spacer” thing Magus mentioned.
Thank you.
Ref: Thread: Pagebuilder Responsive Full Size Image
Hi all,
USed the Tesseract as my theme And followed the tutorials the designer of Tesseract made, but have not been able to create:
Moble responsive site
Tablet responsive site
Anyone else here been able to get their site mobile and tablet responsive? If so can you please send me some tips and tricks?
Site:
http://www.savvycollegeconsumer.com/