Community Forums › Forums › Archived Forums › General Discussion › News Pro – wrapper and content width
- This topic has 2 replies, 1 voice, and was last updated 6 years, 1 month ago by sambasambero.
-
AuthorPosts
-
March 27, 2018 at 11:40 am #218366sambasamberoMember
Hi everyone!
First time poster so apologies if this isn't in the right place, feel free to move or let me know where this should go ...
SO last night I made a massive error and deleted some numeric values out of my news pro child theme.
I spent about three hours last night typing in values that I think would work but to no avail - so always back up before making changes I guess is the story there!If possible can someone please let me know what I need to amend on my HTML to get the below ? I've sketched out below the two layouts my site uses along with the preferred widths, before yesterday it was working ok so I think (or hope!) it will be a quick fix but I'm at a loss now what to do!
I've also supplied below the code that I currently have, I think it is all in this section but if I've missed anything again just let me know.
/* Media Queries ---------------------------------------------------------------------------------------------------- */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { .content #genesis-responsive-slider .flex-direction-nav li a { background-image: url(images/[email protected]); } } @media only screen and (max-width: 1188px) { .site-container-wrap { max-width: 960px; } .content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { width: 768px; } .content { width: 458px; } .site-header .widget-area { width: 500px; } .sidebar-content-sidebar .content, .sidebar-sidebar-content .content, .content-sidebar-sidebar .content { width: 458px; } .sidebar-primary { width: 310px; } .footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .footer-widgets-4, .footer-widgets-5, .footer-widgets-6 width: 960px; } .home-top .widget.ui-tabs img { max-width: 617px; } .home-top .widget.ui-tabs .entry { min-height: 334px; } .site-title { margin-top: 0; } } @media only screen and (max-width: 960px) { .site-container-wrap { max-width: 960px; width: 100%; } .content, .content-sidebar-sidebar .content, .content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-primary, .sidebar-secondary, .sidebar-sidebar-content .content, .sidebar-sidebar-content .content-sidebar-wrap, .site-header .widget-area, .site-inner, .title-area, .wrap { width: 100%; }
Thanks in advance for any help that you can give!
March 27, 2018 at 11:49 am #218367sambasamberoMemberAhhh, also I haven't really explained what the problem is!
The website is here.
http://www.adamcurates.com/audio/On the above link when the browser window is not full size the sidebar - content - sidebar layout appears fine, but when the browser window is full size the first sidebar is pushed to the very bottom of the page, and only the content and primary sidebar to the right hand side is visible straight away.
But yesterday the left hand sidebar was visible at the top of the page regardless of what the browser size was.April 2, 2018 at 12:11 pm #218561sambasamberoMemberHey guys!
Any thoughts on this, would be appreciated. 🙂 -
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.