Community Forums › Forums › Archived Forums › General Discussion › Atmosphere Pro
- This topic has 9 replies, 4 voices, and was last updated 8 years, 4 months ago by Josephine.
-
AuthorPosts
-
October 29, 2015 at 8:40 am #169480scotmMember
Am I the only one seeing Atmosphere Pro display in mobile mode on a 14 inch desktop monitor?
http://workpei.caOctober 31, 2015 at 5:53 pm #169758rgravesMemberI see the Theme Features icons jump to one row at 1280px screen width. That seems too early. I saw that in the demo site too.
The Sample Page section jumps to mobile at 799px which seems about right to me.
I was looking at buying the Atmosphere theme. Is there a way to add a sidebar on any of the pages?
thanks,
RussellNovember 1, 2015 at 8:01 pm #169843rgravesMemberI bought the Atmosphere theme last night. The CSS is set to change the icons into full width rows for mobile display at 1280px. This is different than the online demo.
It's easy to change. Open style-front.css, starting on line 367 you will see this:
.flexible-widgets.widget-fourths .widget,
.flexible-widgets.widget-halves .widget,
.flexible-widgets.widget-thirds .widget {
float: none;
width: 100%;
}Remove ".flexible-widgets.widget-thirds .widget" on line 369 but not the {
Also remove the comma from the previous class. It will end up looking like this:
.flexible-widgets.widget-fourths .widget,
.flexible-widgets.widget-halves .widget {
float: none;
width: 100%;
}Then add this on line 387:
.front-page-2 .flexible-widgets.widget-thirds .widget {
float: none;
width: 100%;
}Notice that it's inside the media query for max-width: 800.
Also, you will need to enter your title for front-page-2 as a separate text widget.
Then add each icon & text combo in a separate text widget. It will be shown at 33% width, and break into full width at 800px.cheers,
RussellNovember 9, 2015 at 6:59 am #170552ChrisrxMemberHi Russell,
That worked for me, thank you i have implemented all widgets and none are formatted as the demo, would you be able to guide us on what needs altering in the CSS for the other widgets.
My site is http://www.roxhar.com
November 9, 2015 at 11:50 am #170582rgravesMemberHi,
I had the same problem as you are having. The widgets in front-page-3 don't get formatted like you see in the demo. The trick to solve this problem is to create a page (not a post) for each item to display in the big block sections on the home page. Add a featured image to the page when you are creating the page. Then go back to your widgets, and in Front Page 3, delete any existing widgets you have in there. Then add a Genesis - Featured Page widget. Select the page and configure it as you like. Then voila, like magic, everything works!
cheers,
RussellNovember 10, 2015 at 9:21 am #170657scotmMemberWouldn't the solution be StudioPress responding and fixing the break points on standard monitors?
November 10, 2015 at 11:21 am #170696rgravesMemberYes you're probably right. I'll put in a request for Support to take a look at this topic. Maybe they can add my code fixes in a future theme update.
November 12, 2015 at 3:02 pm #170915scotmMemberView source for the demo, copy both css files to your theme in place of the existing css, and boom it works.
Someone should simply fix the download with the demo css.
November 12, 2015 at 3:19 pm #170928rgravesMemberI submitted a support ticket with a link to this post. They replied that they were going to have the developers take a look and fix it. Your solution is easier than what I suggested. I'm glad it's working like the demo.
December 7, 2015 at 12:16 pm #173031JosephineParticipantIs this " problem" resolved?
-
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.